» Вопросы по CSS

так а что нормально, там ведь фон должен меняться, а у тебя нет.....

в css еще попробуй добавить img{display:block;}

так картинка ведь фоном идет, - background-image: url('images/menu_on.gif');
при чем там img ?

для вот этих img
<IMG height=66 src="pl2/menu.gif" width=5>
они таблицу в фф и опере растягивают...

IMG {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; DISPLAY: block;
}

IMST
опупеть получилось....... капец какой-то!
Спасибище и вэлкам на форум! Нам такие люди нужны!!!

OLEX
на будущее.. выкладывай сразу все, так как файлы подключаемые потом при наведении мышки по умолчанию не скачиваются. а отдельно качать - это уже усилий приложить надо

учту

господа, ищу книгу "CSS: каскадные таблицы стилей. Библиотека профессионала" в электронном виде (если таковой существует конечно же).
поделитесь, пожалуйста, у кого есть.
спасибо

Alexandr Sh
здесь книги не ищут.. есть спец. раздел - eBookz для этого
CSS 2.1 на русском

Cheery
сорри
спасибо за наводку

Есть несколько ссылок одной строчкой. Нужно выделить одну из ссылок
курсивным начертанием и цветом. Хотелось бы узнать как можно сделать это
средствами CSS?

<style type="text/css">
<!--
.it {
    font-style: italic;
    color: #0099CC;
}
-->
</style>

.....

<a href="index.htm">Link 1</a> <a href="index.htm">Link 2</a> <a href="index.htm" class="it">Link 3</a>

evoroz
Спасибо. С классами я ещё не разобрался, к сожалению.

CSS:

Код: .it {
font-style: italic;
color: #B84F4E;
}

GeMir, для ссылок обычно делают так:

Код: A
    {...
    }
    
A:active
    {...
    }
    
A:visited
    {...
    }
    
A:hover
    {...
    }

GeMir

Цитата:

Почему-то работает только на половину - меняет начертание на курсивное...

У меня твой код работает на 100%. Мой тоже.

Если же какие то ссылки необходимо выделить из всей массы, то выделяешь для них определенный класс (тот же it) и снова:

Код: A.it
    {...
    }
    
A.it:active
    {...
    }

Joker79
[deleted]

evoroz
У меня, почему-то, работает только код Joker79.
В итоге, получилось так:

CSS:

Код: .it {
font-style: italic;
color: #EC4E4E;
}
a {
color: #8E9AA9;
}
a:visited {
color: #8E9AA9;
}
a:hover {
color: #AAB5C2;
}
a:active {
color: #8E9AA9;
}
a.it {
font-style: italic;
color: #EC4E4E;
}
a:visited.it {
font-style: italic;
color: #EC4E4E;
}
a:hover.it {
font-style: italic;
color: #F67777;
}
a:active.it {
font-style: italic;
color: #EC4E4E;
}

Цитата:

a:visited.it

Правильно a.it:visited

Joker79
Спасибо.

Ну и остальные не забудь подправить

Имеется кусок CSS из Оперы


Код: td[style*="background:url(/i/uho_bg.png)"] { display: none !important; }
div[id="informer1"] { display: none !important; }
div[class="popgamesbot s2"] { display: none !important; }
iframe[src="http://www.ag.ru/framer/1.html"] { display: none !important; }

Есть следующий код:

Код: body {
padding: 0 0;
margin: 0 0;
width: 100%;
background-color: #172734;
}
p {
padding: 0 0;
margin: 5px 40% 20px 0;
font-family: arial;
font-size: 80%;
color: #FFFFFF;
}
#navigation {
position: static;
width: 100%;
padding: 0 0;
margin: 0 0;
text-align: left;
white-space: nowrap;
background-color: #8395A3;
}

У меня вопрос такой - необходимо сделать блок, который при малом количестве контента - определенной высоты, если больше - растягивается. Для IE работает height, для Opera и FF работает min-height, а height мешается. Как сделать просто и изящно?

Цитата:

#navigation {
position: static;
width: 100%;
padding: 0 0;
margin: 0 0;
text-align: left;
white-space: nowrap;
background-color: #8395A3;
}

Как насчет добавить top:0px ?
и вообще блок с ID #navigation какого типа и куда вложен?

Подскажите, почему в IE не работает следующее:

<td width="100" align="center"><img src="images/head.jpg" border="0"/></td>

т.е. мне нужно картинку выровнять по центру ячейки, в Firefox работает, а в IE - нет.

Попробуй так

<td width="100" style="text-align: center"><img src="images/head.jpg" border="0"/></td>

или

<td width="100"><center><img src="images/head.jpg" border="0"/></center></td>

Jokerjar79

Не работает

prostoi_stalevar, хмм. Случайно, <table><tr> ... не забыл?

великие гуру CSS взываю к помощи!
есть список вида

Код: <ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>