Перейти к содержимому


Пользователь месяца
Ixman Ixman 1-й за Октябрь
Очков активности: 693 0 тем, 33 сообщения, 14 баллов репутации
Сайт: o5cat.ru
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 96 Вне конкурса за определение пользователя месяца

  • Фотография yuran
    #2

    yuran (yurbol.ru)
    Очков активности: 82.5 0 тем, 55 сообщений, 1 балл репутации

  • Фотография Ixman
    #3

    Ixman (o5cat.ru)
    Очков активности: 72 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #4

    BLIK
    Очков активности: 51 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #5

    Mandarin
    Очков активности: 42 0 тем, 28 сообщений, 1 балл репутации

  • Фотография WGN
    #6

    WGN (worldgamenews.com)
    Очков активности: 39 Вне конкурса за определение пользователя месяца

  • Фотография pozitron123
    #7

    pozitron123
    Очков активности: 31.5 2 темы, 15 сообщений, 1 балл репутации

  • Фотография алексс
    #8

    алексс
    Очков активности: 27 2 темы, 12 сообщений, 1 балл репутации

  • Фотография Scool
    #9

    Scool (stostory.ru)
    Очков активности: 19.5 3 темы, 4 сообщения, 1 балл репутации

  • Фотография RosenRot
    #10

    RosenRot (abuzov.com)
    Очков активности: 16.5 1 тема, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 31.10.2018
  • Яндекс выдача: 15.11.2018
Топ 5 участников по репутации


Css чайник

#1 alimov7

alimov7
  • Неактивные
  • 22 сообщений
  • Репутация: -1
0

Отправлено 22 October 2012 - 14:59

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 я буду менять через него ссылку, а вот стиль Текста должен быть разный


 

 

  • 0

#2 tro9an

tro9an
  • Неактивные
  • 34 сообщений
  • Репутация: 0

Отправлено 22 October 2012 - 15:15

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

  • 0

#3 Bizon4ik

Bizon4ik
  • Неактивные
  • 2 сообщений
  • Репутация: 0

Отправлено 06 November 2012 - 20:09

Дабы не создавать новую тему задам свой вопрос по 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 не работает то как в случае необходимость в этом меню выранивать текст по вертикали (допустим прижать его к нижней границе миню)
  • 0

#4 Алия

Алия
  • Неактивные
  • 42 сообщений
  • Репутация: 10

Отправлено 07 November 2012 - 00:34

Bizon4ik, почитайте про vertical-align, например, здесь: http://web-standards...vertical-align/ или здесь: http://www.sdelaysit...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) минус пара пх снизу, чтобы текст пузом не ложился.
  • 0

#5 surfer

surfer
  • Заблокированные
  • 1956 сообщений
  • Репутация: 71

Отправлено 07 November 2012 - 09:49

alimov7, http://htmlbook.ru/samcss/nasledovanie

Bizon4ik, http://cssing.org.ua...l-align-middle/
http://cssing.org.ua...-valign-method/
  • 0

#6 Bizon4ik

Bizon4ik
  • Неактивные
  • 2 сообщений
  • Репутация: 0

Отправлено 07 November 2012 - 20:24

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


Алия, отдельное спасибо за пример.
  • 0


Оформление форума – IPBSkins.ru