» Вопросы по CSS

tolyn77
Во внешней программе, например, Dreamweaver. Alt + мышь на объект. Переопределить там же.

tolyn77
в любом современном браузере есть под правой кнопкой на элементе - "Просмотр кода элемента" или как-то так. Там вся инфа о стилях, и в каком файле и на какой строчке файла этот стиль находится.

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

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

tolyn77
я не про код, а про "чего нибудь специально для стилей" которое встроено в любом нормальном браузере.

В Хроме - инструменты разработчика в меню (F12) или "Просмотр кода элемента" под правой кнопкой на нужном элементе.
В файрфоксе - Inspect Element или плугин Firebug под правой кнопкой на нужном элементе
В Опере - Проинспектировать элемент под правой кнопкой на нужном элементе.
итд

OLEX

Цитата:

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

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

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

заранее благодарен

Цитата:

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

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

evoroz
да неужели?



Файрбаг в файрфоксе:



Добавлено:
И там еще можно отключать отдельные свойства или добавлять новые, и результат сразу виден в браузере.

Добавлено:
tolyn77

#forecastTable td {
тут нужный стиль
}

Про плагин не знал

evoroz
какой плагин? первый мой скрин это родной инспектор файрфокса, тот же что у тебя, только я нажал кнопочьку style внизу

OLEX
спсб помогло

привет, подскажите как выставить высоту в процентах? почитал здесь, всё понятно, но как выставить высоту боди в зависимости от высоты высоты окна? высчитать высоту можно так, но как быть дальше понять не могу.

вопрос снят, допёр что и как

всем привет, помогите с размещением слоёв, есть 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;
}

regkz
Так а че оно должно заполняться, если ширина только у 1-го блока указана?

OLEX
там ещё у центрального я padding задаю в 0px (когда вырезал удалил), разве оно не должно заполняться? т.е. получается такая конструкция

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

regkz
Пустой блок с position: absolute; имеет нулевую ширину, паддинг там не причем.

Добавлено:
читай доки http://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width

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

Доброго здоровья!

Передо мной стоит задача сделать витрину, которая выглядит следующим образом:




использую слои. проблема в том, что картинки раздвигают ячейки таблицы. Я им прописываю смещение, чтобы они друг на друга легли, а там, где они должны появиться до смещения остаётся пустое место, хотя я указал для td ширину 170 пикселей. Как быть?

Вот ссылка: http://mischael1.narod.ru

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

Задача скрывать подпункты меню (li) если в классе нет слова "active":


Код: <div class="sf-megamenu-column">
<a class="sf-depth-2 menuparent active" href="page1">book1</a>
<ol>
<li id="menu-825-3" class="first odd sf-item-1 sf-depth-3 sf-no-children">
<a class="sf-depth-3 " href="book1-page1">book1-page1</a></li></ol></div>

<div class="sf-megamenu-column">
<a class="sf-depth-2 menuparent" title="" href="book2"></a>
<ol>
<li id="menu-839-3" class="first odd sf-item-1 sf-depth-3 sf-no-children">
<a class="sf-depth-3 " href="book2-page1">book2-page1</a></li></ol></div>

gap5 попробуй так:



Код:
.menuparent li { display:none;}
.menuparent.active li { display:block !important;}

И так тоже пробовал... очередность никак не влияет, в дебаге FF отображается только стиль .menuparent li, .menuparent.active li как будто вообще нет.

а зачем указано .menuparent li, .menuparent.active li если .menuparent присвоено только ссылке, а не элементам списка (судя по огрызку кода)? Может стоить убрать li в CSS?

Нужно скрывать только ПОДПУНКТЫ меню, которые выведены как раз через LI, а ПУНКТЫ, которые выведены через A надо показывать всегда.

gap5
А, дык ".menuparent li" будет действовать только на элементы li внутри ссылки, а они же снаружи. Юзайте джаваскрипт.

Добавлено:
Или присваивайте класс .active внешнему div, который .sf-megamenu-column

Xrobak
потому что в фотошопе делать картинку с рамкой и ценником для каждого из тысяч товаров просто мартышкин труд. проще сделать так, чтобы рамка дорисовывалась на самом сайте. А за фиксир. ширину таблицы спасибо большое

Вот теперь правда та же проблема, но с вертикалью. Указание height в явном виде не дало результата.

http://mischael1.narod.ru

mischael
не вникал, но замечу что "position:relative" к ячейкам таблицы не применяется.

OLEX
Так скрываются то разделы правильно, как раз как мне нужно, но все, вне зависимости от класса, как sf-depth-2 menuparent, так и sf-depth-2 menuparent active...

gap5

Цитата:

скрываются то разделы правильно

Скрываться по вашему коду ниче не будет. Скрываться будет так:

Код:
.menuparent.active + ol { display:block !important;}
.menuparent + ol { display:none;}