Вопрос по CSS

[vova7777]

Вопрос по ЦСС
1) как сделать в одной странице две ссылки были разными css (цвет,шрифт)?
2) есть ли отдельный тег в ЦСС для емаилов, чтобы они имели свой цвет и размер отдельно?

относительно первого, я сделал:
a:link {
font-size: 12px;
color: #999999;
}
a:visited {
font-size: 12px;
color: #999999;
text-decoration: none;
}
a:hover {
font-size: 12px;
font-weight: bold;
color: #666666;
}
a:active {
font-size: 12px;
font-weight: bold;
color: #333333;
}
в отдельном (external css file) но он для всех линков, как мне дописать в этом файле что то вроде a:hover2
a:active2 и т.д.

или second_link.a:hover {........... и назвать все доп линки <a href="pages.php" class="second_link".......
ничего не работает,
очень нужно чтоб это было в этом external css file eg:styles.css
буду признателен за любую подсказку

[nexus]

Не работает потому что в CSS должно быть не second_link.a:hover, а a.second_link:hover. То есть класс он либо глобален:
.second_link {
}
Либо принадлежит тагу:
a.second_link {
}

[vova7777]

у меня не работает

на странице:
contact us


в цсс файле:

a:copy.link {
font-size: 12px;
color: #999999;
}
a:copy.visited {
font-size: 12px;
color: #999999;
text-decoration: none;
}
a:copy.hover {
font-size: 12px;
font-weight: bold;
color: #666666;
}
a:copy.active {
font-size: 12px;
font-weight: bold;
color: #333333;
}

[KaraNagai]

вова, двоеточие и точку поменяй местами, да? ;))

[vova7777]

оййй, это был длинный день.
большое спасибо за подсказку.!!!!!!!!!!

[Artemij]

В процессе освоения CSS возник следующий вопрос.

Хочу создать column из 3х cells. Дело в том, что высоту первой и третей я знаю, а вот высота второй (средней) должна зависеть от кол-ва контента. Как реализовать подобное в CSS?

XHTML:

<div id="container">
   <div id="top_image"></div>
   <div id="middle_image"></div>
   <div id="bottom_image"></div>
</div>

CSS:

#container {
margin: 0px;
padding: 0px;
width: 20px;
height: ???;
float: left;
position: relative; }

#top_image {
background-image: url(images/top_image.gif);
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-left: 0px;
float: left; }

#middle_image {
background-image: url(images/middle_image.gif);
background-repeat: repeat-y;
width: 20px;
height: ???;
margin-left 0px;
float: left; }

#bottom_image {
background-image: url(images/bottom_image.gif);
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-left: 0px;
float: left; }

Собственно, я заменяю разметку таблицами, на разметку CSS.

[Artemij]

Вопрос ещё актуален. Up.

[nexus]

Вечером постараюсь ответить

[Artemij]

Спасибо за внимание! Проблема решена! :D

[abg]

Сообщение от Artemij

Спасибо за внимание! Проблема решена! :D

так а где же решение? пожалста, в студию!

[Artemij]

abg

Всё гениальное просто!

<div id="container">
   <div id="top_image"></div>
   <div id="middle_image">
   <div id="content">Your content here!</div>
   </div>
   <div id="bottom_image"></div>
</div>

Если контент залезает на фоновое изображение, то в CSS добавляем следующее:

middle_image {
padding: 0 0 0 20px;}

content {
margin-left: 20px; }

Для себя твёрдо уяснил, что div это не table, и соответственно подход должен быть не стандартный, более извращённый что ли . Зато, такая красота и без единого table'а. :D

И W3C validation проходит! 8)