Срочно - вопрос к знатокам web-верстки!!!

Logistic
На сайте с 14.04.2005
Offline
322
539

Ребят, сделал сайт www.galaxy-telecom.ru

Клиент хочет верхнее меню сделать так, чтобы при наведении курсора текст становился чуть больше.

Причем обратите внимание, что все остальные линки на сайте НЕ должны увеливиаться при наведении!

Плюс при увеличении одного пункта меню все остальные должны четко стоять на месте и не расползаться в стороны...

Работаю в Macromedia Dreamweaver MX.

Кто знает как сделать такое стилями или еще как (но без флеш) - подскажите плиз, дело срочное, очень нужно!!!

Жду в он лайн!!! :drink: Заранее спасибо!

С уважением, Logistic
O
На сайте с 11.05.2005
Offline
172
#1

Делается это в CSS, легко. Типа этого че нить сделай:

.text {font-family:Sans-serif;font-size:10pt;text-decoration:none}

a.text {color:blue}

a.text:hover {text-decoration:underline;font-size:12pt;}

C расползанием будет посложней.... Делай абсолютные размеры столбцов, и не пререуседствуй с величиной текста ссылки :)

ND
На сайте с 19.08.2004
Offline
163
#2

Если я правильно понял задачу, то вот код для CSS:

A.MainMenu:LINK, A.MainMenu:VISITED, A.MainMenu:ACTIVE {

font-size : 11px;

}

A.MainMenu:HOVER {

font-size : 14px;

}

Logistic
На сайте с 14.04.2005
Offline
322
#3

Ребят спасибо, буду пробовать!

Flack
На сайте с 15.06.2005
Offline
28
#4

Попробуйте сначала объяснить шефу, что так уродоваться нехорошо.

Ярик
На сайте с 26.10.2003
Offline
121
#5

ух, ну до чего-же код корявый ;)

ну да ладно...

меняй свою таблицу/меню

<TABLE height=30 cellSpacing=0 cellPadding=0 width=500 align=center border=0><TBODY><TR class=menu><TD width="65"><DIV align=center>
<A class=menu href="http://www.galaxy-telecom.ru/index.htm">Услуги</A></DIV></TD><TD width="140"><DIV align=center><P class=menu>
<A class=menu href="http://www.galaxy-telecom.ru/oborud.htm">Оборудование</A></P></DIV></TD><TD width="89"><DIV align=center><P>
<A class=menu href="http://www.galaxy-telecom.ru/vacancy.htm">Вакансии</A></P></DIV></TD><TD width="110"><DIV align=center><P class=menu>
<A class=menu href="http://www.galaxy-telecom.ru/company.htm">О компании</A></P></DIV></TD><TD width="96"><DIV align=center>
<A class=menu href="http://www.galaxy-telecom.ru/contacts.htm">Контакты</A></DIV></TD></TR></TBODY></TABLE>

примерно на такое:

<table><tr class=menu height=25>
<td width=100><A href="http://www.galaxy-telecom.ru/index.htm">Услуги</A></td>
<td width=150><A href="http://www.galaxy-telecom.ru/oborud.htm">Оборудование</A></td>
<td width=100><A href="http://www.galaxy-telecom.ru/vacancy.htm">Вакансии</A></td>
<td width=120><A href="http://www.galaxy-telecom.ru/company.htm">О компании</A></td>
<td width=120><A href="http://www.galaxy-telecom.ru/contacts.htm">Контакты</A></td>
</tr></table>

в стилях вот это:

.menu {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

меняй вот на это:

.menu a { font: 800 14 verdana, arial; color: #fff; text-decoration: none}
.menu a:hover {FONT-SIZE: 16px}

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

не посылай, да и не послан будешь...
O
На сайте с 11.05.2005
Offline
172
#6

Ярик, на конструкциях тэгов "а href" еще класс "menu" надо понавешать, а то эффекта не будет....

Ярик
На сайте с 26.10.2003
Offline
121
#7
Opeth:
Ярик, на конструкциях тэгов "а href" еще класс "menu" надо понавешать, а то эффекта не будет....

зачем? какого эфекта? класс прописан тут <tr class=menu height=25> в стилях же указал .menu a { font: 800 14 verdana, arial; color: #fff; text-decoration: none} все будет пучком ;) а код лишний раз не стоит замусоривать

[Удален]
#8
Ярик:
ух, ну до чего-же код корявый ;)
и вообще, почисти код... больше половины сразу и нафиг выкинуть можно

Интересно, почему вы width в CSS не затолкали и абсолютные адреса оставили?

Вопрос, зачем оставлять <table> я не задаю :)

Ярик
На сайте с 26.10.2003
Offline
121
#9
beshbarmak:
Интересно, почему вы width в CSS не затолкали и абсолютные адреса оставили?
Вопрос, зачем оставлять <table> я не задаю :)

хороший вопрос :D может мне ему еще и страницу надо было заново переверстать? ;) я ему подсказал в каком направлении двигаться, этого на мой взляд достаточно.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий