Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
evoroz



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
tolyn77
Во внешней программе, например, Dreamweaver. Alt + мышь на объект. Переопределить там же.

Всего записей: 3491 | Зарегистр. 30-03-2002 | Отправлено: 23:59 23-12-2012
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
tolyn77
в любом современном браузере есть под правой кнопкой на элементе - "Просмотр кода элемента" или как-то так. Там вся инфа о стилях, и в каком файле и на какой строчке файла этот стиль находится.
 
Добавлено:
evoroz
какая внешняя если есть браузер

----------
Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER.

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 00:33 24-12-2012
tolyn77



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX
код то я смотрю только вот стиля не могу найти какой используется на этом объекте
"<table id="forecastTable" cellpadding="0" cellspacing="0">"
но вот в стилях не могу найти #forecastTable
evoroz
спасибо попробую. а чего нибудь специально для стилей нет?

Всего записей: 1507 | Зарегистр. 07-09-2004 | Отправлено: 07:52 24-12-2012
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
tolyn77
я не про код, а про "чего нибудь специально для стилей" которое встроено в любом нормальном браузере.
 
В Хроме - инструменты разработчика в меню (F12) или "Просмотр кода элемента" под правой кнопкой на нужном элементе.
В файрфоксе - Inspect Element или плугин Firebug под правой кнопкой на нужном элементе
В Опере - Проинспектировать элемент под правой кнопкой на нужном элементе.
итд
 
 

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 08:15 24-12-2012
regkz



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX

Цитата:
див-родитель - position: relative;  див-чайлд - position: absolute; left: 10px; bottom: 10px;

спасибо, так и делал, но следующий див куда-то съезжал, но в вашем варианте всё работает, видимо мозг закипел и что-то пропустил

Всего записей: 1175 | Зарегистр. 16-01-2007 | Отправлено: 09:08 24-12-2012
tolyn77



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX
спасибо очень понравился dom inspector
нашел я этот стиль
#main td {
    padding-left: 10px;
}
не подскажите как его можно переопределить для одной конкретной таблицы?
<table id="forecastTable" cellpadding="0" cellspacing="0">
 
заранее благодарен

Всего записей: 1507 | Зарегистр. 07-09-2004 | Отправлено: 09:17 24-12-2012 | Исправлено: tolyn77, 10:07 24-12-2012
evoroz



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
какая внешняя если есть браузер


В DW полнее информация показывается.

Всего записей: 3491 | Зарегистр. 30-03-2002 | Отправлено: 12:36 24-12-2012
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
evoroz
да неужели?  
 
   
 
Файрбаг в файрфоксе:
 
   
 
Добавлено:
И там еще можно отключать отдельные свойства или добавлять новые, и результат сразу виден в браузере.
 
Добавлено:
tolyn77
 
#forecastTable td {  
    тут нужный стиль
}

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 17:49 24-12-2012 | Исправлено: OLEX, 18:07 24-12-2012
evoroz



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Про плагин не знал

Всего записей: 3491 | Зарегистр. 30-03-2002 | Отправлено: 20:50 24-12-2012
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
evoroz
какой плагин? первый мой скрин это родной инспектор файрфокса, тот же что у тебя, только я нажал кнопочьку style внизу

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 21:32 24-12-2012
tolyn77



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX
спсб помогло

Всего записей: 1507 | Зарегистр. 07-09-2004 | Отправлено: 07:57 25-12-2012
regkz



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
привет, подскажите как выставить высоту в процентах? почитал здесь, всё понятно, но как выставить высоту боди в зависимости от высоты высоты окна? высчитать высоту можно так, но как быть дальше понять не могу.

Всего записей: 1175 | Зарегистр. 16-01-2007 | Отправлено: 21:57 27-12-2012
regkz



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
вопрос снят, допёр что и как

Всего записей: 1175 | Зарегистр. 16-01-2007 | Отправлено: 11:00 28-12-2012
regkz



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
всем привет, помогите с размещением слоёв, есть css

Код:
.address_left{
    position: absolute; left: 92px; bottom: 7px;
    width: 3px;
    height: 24px;
    background: url(./images/address_left.png) no-repeat;     
}
 
.address_center{
    position: absolute; left: 95px; bottom: 7px;
    
    height: 24px;  
    background: url(./images/address_center.png) repeat-x;  
}
 
.address_right{
    position: absolute; right:325px; bottom: 7px;
    padding-left: 5px;
    /*width: 30px;  
    height: 24px;
    background: url(./images/address_right.png) no-repeat;  
}
 

в коде пишу

Код:
<div class="address_left"></div><div class="address_center"></div><div class="address_right"></div>

но почему-то пространство между слоями address_left и address_right не заполняется, что я не так делаю? мне нужно, чтобы при изменении размера окна размер связки address_left-address_center-address_right менялся тоже

Всего записей: 1175 | Зарегистр. 16-01-2007 | Отправлено: 22:08 11-01-2013
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
regkz
Так а че оно должно заполняться, если ширина только у 1-го блока указана?

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 04:49 12-01-2013
regkz



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
OLEX
там ещё у центрального я padding задаю в 0px (когда вырезал удалил), разве оно не должно заполняться? т.е. получается такая конструкция

Код:
.address_center{  
     position: absolute; left: 95px; bottom: 7px;  
     padding: 0px;  
     height: 24px;  
     background: url(./images/address_center.png) repeat-x;  
 }

а у правого тоже ширина 3px

Всего записей: 1175 | Зарегистр. 16-01-2007 | Отправлено: 10:00 12-01-2013
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
regkz
Пустой блок с position: absolute; имеет нулевую ширину, паддинг там не причем.
 
Добавлено:
читай доки http://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 18:12 12-01-2013
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
http://imageshack.us/photo/my-images/838/testbl.jpg/
Две колонки и они соединены "креплением" (хз как оно правильно называется). В голову никак не лезут мысли, как грамотно это все реализовать через CSS. Проблема заключается в том, что у каждой колонки свой отдельный фон-рисунок с тенями, высота каждого "блока" (2, 3, 4, 5) резиновая и дырки в районе крепежа прозрачные, т.е. они принимают цвет фона. Есть идеи как реализовать все это?

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 06:20 27-02-2013
mischael



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброго здоровья!
 
Передо мной стоит задача сделать витрину, которая выглядит следующим образом:
 
 
   
 
использую слои. проблема в том, что картинки раздвигают ячейки таблицы. Я им прописываю смещение, чтобы они друг на друга легли, а там, где они должны появиться до смещения остаётся пустое место, хотя я указал для td ширину 170 пикселей. Как быть?
 
Вот ссылка: http://mischael1.narod.ru

Всего записей: 255 | Зарегистр. 25-11-2007 | Отправлено: 15:58 09-03-2013
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
mischael, вообще у вас слоями и не пахнет, одна таблица и внутри куча картинок с разным позиционированием. Ладно я еще закрою глаза на саму реализацию, но никак не могу понять, зачем rama.png и prod02.png делать двумя разными рисунками (почему не сделать это одним рисунком)?
Дальше: я так и не понял из написанного, что не так? Вам не нравится что у вас ячейки больше чем 170 пикселов? Если да, так задайте самой таблице ширину (например, равной сумме ваших трех ячеек) и будет то что вам нужно.

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 16:35 09-03-2013
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru