X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Неполадки с оглавлением
people2010
people2010
Topic Starter сообщение 8.4.2010, 20:18; Ответить: people2010
Сообщение #1


Вот есть у меня слева на странице, 2 ссылки, со значком салатовыми.
Возле каждого значка написан текст который ссылается на другой фрейм, ну это я сделал
уже. Проблемма вот в чём, у меня в стилях, в файле style1237.css, заданн класс menu, для ссылок.
Я хочу применить класс меню к файлу menu.html Вроде применение происходит, но после наведении мышки на
одну из строк и при её нажатии к примеру к строке:
Переход к карте изображения расположенной в плавающем фрейме

происходит не такое же самое отображение, как при наведении и нажатии на ссылку, под названием:

[b]Перейти вниз[/b]


Как сделать чтоб было такое же самое как и пр инаведении и нажатии на текст
Перейти вниз
Чтоб также тектс не раздвигался у меня, а просто происходило выделение, чтоб было такое же самое
действие с таким же подчёркиванием и цвето и со всеми такими эффектами как со словом:
[b]Перейти вниз[/b]


Вот проект: http://www.sharemania.ru/0172292
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 8.4.2010, 21:27; Ответить: locky-yotu
Сообщение #2


Выложили бы что-ли хоть на народе, я не думаю, что у многих есть желание вводить капчу, качать архив и всякое такое
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
people2010
people2010
Topic Starter сообщение 8.4.2010, 21:55; Ответить: people2010
Сообщение #3


Вот я решил дописать ещё 1класс.
A.menushka:link{text-decoration:none; /*Убираем линию подчёркивания*/
color:blue;
}
A.menushka:visited{color:red; text-decoration:none;} /*Посещённая ссылка*/
A.menushka:hover{color:magenta; background:#99ffff;
font-style:normal; font-weight:normal;
letter-spacing:0px; font-size:12pt; line-height:16pt;
border-bottom-width:2px; border-bottom-style:solid;
border-bottom-color:red;
}
A.menushka:active{color:yellow; background:red;}

И в файле menu.html
написал так:
<HTML>
<HEAD>
<TITLE>menu</TITLE>
<link rel="stylesheet" style="text/css" href="style1237.css">
<meta http-equiv=Content-Type content="text/html;  charset=Windows-1251">
</HEAD>
<body bgcolor="#336633">
<div align="center">
<table class="menu" width="15%" border="5" height="10%" cellpadding="10" bgcolor="#ccffcc" >
<tr >
  <!-- первая ячейка в 1-ой строке-->
<td  valign="top" height="10%" width="50">
<img src="spisok.png" border="0" ></td>
<!-- Вторая ячейка во 2-ой строке-->
<td >
<A   class="menushka"        HREF="lab1237.html#num1" target="B" >
Переход к карте изображения  расположенной в плавающем  фрейме</a>
  </td>
</tr>
<p>
<!-- 2-ая строка-->
<tr>
<!-- первая ячейка во 2-ой строке-->
  <td  valign="top"  height="10%" width="50">
<img src="spisok.png" border="0" ></td>
<!-- Вторая ячейка во 2-ой строке-->
<td ><A    class="menushka"           HREF="lab1237.html#num2" target="B">
Переход к таблице - Калорийность продуктов. Яйцо и
яйцепродукты</a>
  </td>
</tr>
</table>
</div>
</body>
</HTML>

Проблемма в том, что выделение красной линией подчёркивания происходит в том случае, если установленн междустрочный интервал в 16 пунктов, если сделать немного меньше,
тогда линия подчёркивания скрывается, но при таком интервале при наведении мышкой на текст, текст раздвигается, но зато показывается вся красная линия подчёркивания
Как сделать, что пр инаведении мышкой на текст, линия подчёркивания подчёркивала красным цветом текст весь, а не только её часть?
Мне нужно чтоб при навдеении мышкой на текст, он не раздвигался, но вся линия красная подчркивания была видна, а не её часть.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
people2010
people2010
Topic Starter сообщение 8.4.2010, 22:27; Ответить: people2010
Сообщение #4


Всё, не нужно, я понял проблемму, я добавил в стилях вот такое:
.interval{line-height:16pt;}


А затем в эти места кода дописал, вот такое:
<A    class="menushka interval"           HREF="lab1237.html#num1" target="B">

<A    class="menushka interval"           HREF="lab1237.html#num2" target="B">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
people2010
people2010
Topic Starter сообщение 8.4.2010, 22:38; Ответить: people2010
Сообщение #5


Теперь проблемма, хочу чтоб при навдении мышки на эти ячейки, они выделялись другим фоном, слышал, что можно сделать так, но так как-то не выходит.
.efect table td:hover { background-color: green; }

Как прмиенить правильно данное действие?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 18.4.2024, 5:49
Дизайн