[X] Помощник

[alimov7 Topic Starter]

css код:
 

.generalmenuwhite {
color: #FFF;
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
}

исходный код:
 

<td width="134" align="center" >

<a href="../pages/page1.php" class="generalmenuwhite">Текст</a>

</td>

При таком раскладе все работает. Но если я перенесу class в предыдущий тег вот так:

 

<td width="134" align="center" class="generalmenuwhite" >

<a href="../pages/page1.php">Текст</a>

</td>

- то Текст получит Verdana, получит 16px, но окрашивается в синий цвет и становиться подчеркнутым.

Вопрос:

как изменить на стиль css не тронув <a href="../pages/page1.php">Текст</a> ?
Этот тег будет на всех страницах через php include я буду менять через него ссылку, а вот стиль Текста должен быть разный

[tro9an]

.generalmenuwhite a {
color: #FFF;
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
}

[Bizon4ik]

Дабы не создавать новую тему задам свой вопрос по CSS тут, тем более что название темы мне подходит. Заранее спасибо за ответ.

В этом меню http://jsfiddle.net/Bizon4ik/VernX/ я пытаюсь выравнять текст по вертикали. Посему два вопроса:
1. Почему в коде

.header ul li a{
    display:block;
    line-height:40px;
   font-size: 15px;
    font-family: sans-serif;
      color:#fff;
    text-decoration:none;
    text-align:center;

не работатет vertical-align? (если прописать что то типа vertical-align:10px; то нечего не меняется, тоесть текст не двигается)
2. Второй вопрос вытикает из первого: если vertical-align не работает то как в случае необходимость в этом меню выранивать текст по вертикали (допустим прижать его к нижней границе миню)

[Алия_mw]

[member=Bizon4ik], почитайте про vertical-align, например, здесь: http://web-standards.ru/articles/vertical-align/ или здесь: http://www.sdelaysite.com/kniga/verstka-kn...oe-vyravnivanie - это свойство, действительно, не всегда работает.
Если очень сильно хочется в данной менюшке прижать текст к нижней границе (другой вопрос - зачем?), попробуйте, например, так:

.header ul li a{
    display:block;
    line-height: 1em;
    padding: 23px 0 2px 0;
    font-size: 15px;
    font-family: sans-serif;
    color:#fff;
    text-decoration:none;
    text-align:center;
}

то есть, сократив междустрочное расстояние и добавив паддинг по схеме: высота блока (40) минус высота шрифта (15) минус пара пх снизу, чтобы текст пузом не ложился.

[sc2r2bey]

[member=alimov7], http://htmlbook.ru/samcss/nasledovanie

[member=Bizon4ik], http://cssing.org.ua/2005/07/14/vertical-align-middle/
http://cssing.org.ua/2007/04/26/another-css-valign-method/

[Bizon4ik]

Спасибо за ваши ответы.


[b]Алия, отдельное спасибо за пример.[/b]

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.