Jump to content
  • 0

Неполадки с оглавлением

people2010

Asked by people2010,

 Share

Question

people2010 Explorer

people2010

Posted
Posted

Вот есть у меня слева на странице, 2 ссылки, со значком салатовыми.

Возле каждого значка написан текст который ссылается на другой фрейм, ну это я сделал

уже. Проблемма вот в чём, у меня в стилях, в файле style1237.css, заданн класс menu, для ссылок.

Я хочу применить класс меню к файлу menu.html Вроде применение происходит, но после наведении мышки на

одну из строк и при её нажатии к примеру к строке:

Переход к карте изображения расположенной в плавающем фрейме

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

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

Как сделать чтоб было такое же самое как и пр инаведении и нажатии на текст

Перейти вниз

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

действие с таким же подчёркиванием и цвето и со всеми такими эффектами как со словом:

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

Вот проект: http://www.sharemania.ru/0172292

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0
people2010 Explorer

people2010

Posted
  • Author
Posted (edited)

Вот я решил дописать ещё 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 пунктов, если сделать немного меньше,

тогда линия подчёркивания скрывается, но при таком интервале при наведении мышкой на текст, текст раздвигается, но зато показывается вся красная линия подчёркивания

Как сделать, что пр инаведении мышкой на текст, линия подчёркивания подчёркивала красным цветом текст весь, а не только её часть?

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

Edited by people2010
Link to comment
Share on other sites
  • 0
people2010 Explorer

people2010

Posted
  • Author
Posted

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

.interval{line-height:16pt;}

А затем в эти места кода дописал, вот такое:

<A	class="menushka interval"		   HREF="lab1237.html#num1" target="B">



<A	class="menushka interval"		   HREF="lab1237.html#num2" target="B">

Теперь проблемма, хочу чтоб при навдении мышки на эти ячейки, они выделялись другим фоном, слышал, что можно сделать так, но так как-то не выходит.

.efect table td:hover { background-color: green; }

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

Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted

В принципе стиль с hover для ячейки написан правильно, но я не нашел ни одного элемента с классом efect, а тем более со вложенной таблицей. И еще имейте ввиду, состояние hover в ИЕ до 7-ой версии работает только для ссылок.

Link to comment
Share on other sites
  • 0
stars Explorer

stars

Posted
Posted (edited)

ну если и пробовать писать такой код то не как не 

.efect table td:hover { background-color: green; }

или

.efect td:hover { background-color: green; }

соответственно на странице class="efect" задаем таблице или строке (не ячейке)

или

td:hover { background-color: green; }

будет работать на все ячейки )))

однако как писали выше это не будет работать в IE>7

Edited by stars
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

ТС, интересный какой подход к делу. Сначала пишешь вопрос, далее его решаешь сам, потом возникает другой, опять решаешь сам.

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept