Исчезает рамка при наведении на ссылку

Strelok · October 7, 2008

Имеется табличный дизайн, резиновый трехколоночный макет

В средней колонке при наведении на любую ссылку в IE 6 исчезает кусочек рамки у левой колонки напротив самой ссылки. В остальных браузерах вроде все нормально. Что можно сделать, чтобы исчезания не происходило?

P.S. На других страницах я помещал такие ссылки в ячейки новых таблиц с невидимой границей, тогда исчезания не происходило. Но есть ссылки прямо в тексте, поэтому при вставке новых таблиц происходит переход на новую строку. А это все портит.

Vlad · October 8, 2008

Без кода или ссылки сказать что-то конкретное нельзя.

Strelok · October 8, 2008

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Компьютер + Интернет</title>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen">
<script language="JavaScript" type="Text/Javascript"> 
<!-- 
function addBookmark(title,url) {  
if (window.sidebar) {  
window.sidebar.addPanel(title, url,"");  
} else if( document.all ) {  
window.external.AddFavorite( url, title);  
} else if( window.opera && window.print ) {  
return true;  
}  
}  
//--> 
</script>
<script language="JavaScript" type="Text/Javascript">
String.prototype.printAddr = 
function (_hamper,_prefix,_postfix,_face)
{
  _hamper=
  _prefix+
  "@"+
  this+
  (_postfix || '')
  document.write((_face||_hamper).link("mailto:"+_hamper));
}
</script>
</head><body>
<table width="100%" border="1" summary="Модульная сетка" class="table">
  <tr>
   <td class="header" colspan="3"><div class="divheader"><img src="images/header.png" alt="Компьютер" align="left" class="computer" longdesc="images/header8.png">Компьютер + Интернет</div>
     <div><span class="divheader2">Для начинающих пользователей и не только</span></div></td>
  </tr>
  <tr>
    <td class="top" colspan="3"><a href="english/index.html#" onMouseDown="addBookmark('Компьютер + Интернет','http://www.mycomputerdoma.net/')"><img src="images/favorites.gif" alt="Добавить сайт в избранное" longdesc="images/favorites.gif" border="0" class="favorites"></a><a href="rss/rss.xml"><img src="images/rss.png" alt="Лента новостей (RSS)" border="0" class="rss"longdesc="images/rss.png"></a><a href="http://wap.mycomputerdoma.net"><img src="images/wap.png" alt="Версия для мобильных телефонов и КПК" border="0" class="wap" longdesc="images/wap.png"></a>
    <div class="divtop">Язык сайта: <a href="index.html" class="ru">Ru</a> <a href="english/index.html" class="en">En</a></div></td>
  </tr>
  <tr>
    <td class="menu"><div class="divmenu"><img src="images/about_site.gif" alt="О сайте" longdesc="images/about_site.gif" class="imgmenu"> <a href="index.html" class="amenu"><span class="purple">О сайте</span></a></div>
	<p></p>
      <div class="divmenu2"><img src="images/my_computer.gif" alt="Мой компьютер" longdesc="images/my_computer.gif" class="imgmenu"><span class="red">Мой компьютер</span></div>
      <div class="divmenu">-<a href="history.html" class="amenu">Введение в историю</a></div>
      <div class="divmenu">-<a href="computer.html" class="amenu">Выбор компьютера</a></div>
      <div class="divmenu">-<a href="basic.html" class="amenu">Основные составляющие</a></div>
      <div class="divmenu">-<a href="peripheral.html" class="amenu">Периферийные устройства</a></div>
      <div class="divmenu">-<a href="setting.html" class="amenu">Настройка и оптимизация</a></div>
      <div class="divmenu">-<a href="service.html" class="amenu">Обслуживание компьютера</a></div>
      <div class="divmenu">-<a href="security.html" class="amenu">Советы по безопасности</a></div>
	  <p></p>
	  <div class="divmenu2" ><img src="images/my_documents.gif" alt="Мои документы" longdesc="images/my_documents.gif" class="imgmenu"><span class="blue">Мои документы</span></div>
	  <div class="divmenu">-<a href="texts.html" class="amenu">Статьи</a></div>
	  <div class="divmenu">-<a href="books.html" class="amenu">Книги</a></div>
	  <div class="divmenu">-<a href="news.html" class="amenu">Архив новостей</a></div>
	  <p></p>
	  <div class="divmenu2" ><img src="images/my_internet.gif" alt="Мой Интернет" longdesc="images/my_internet.gif" class="imgmenu"><span class="green">Мой Интернет</span></div>
	  <div class="divmenu">-<a href="job.html" class="amenu">Работа в сети</a></div>
	  <div class="divmenu">-<a href="payments.html" class="amenu">Платежные системы</a></div>
	  <div class="divmenu">-<a href="swindlers.html" class="amenu">Мошенники</a></div>
	  <div class="divmenu">-<a href="hosting.html" class="amenu">Хостинг</a></div>
	  <div class="divmenu">-<a href="dictionary.html" class="amenu">Словарь терминов</a></div>
	  <div class="divmenu">-<a href="catalogue.html" class="amenu">Каталог сайтов</a></div>
	  <div class="divmenu">-<a href="links.html" class="amenu">Полезные ссылки</a></div>
	  <p></p>
	  <div class="divmenu2" ><img src="images/my_programs.gif" alt="Мои программы" longdesc="images/my_programs.gif" class="imgmenu"><span class="purple">Мои программы</span></div>
	  <div class="divmenu">-<a href="necessary.html" class="amenu">Самое необходимое</a></div>
	  <div class="divmenu">-<a href="softjob.html" class="amenu">Софт для работы</a></div>
	  <div class="divmenu">-<a href="other.html" class="amenu">Другие полезные программы</a></div>
	  <p></p>
	  <div class="divmenu2" ><img src="images/na_dosuge.gif" alt="На досуге" longdesc="images/na_dosuge.gif" class="imgmenu"><span class="maroon">На досуге</span></div>
	  <div class="divmenu">-<a href="http://loveplanet.ru/a-main/affiliate_id-29212/" class="amenu">Знакомства</a></div>
	  <div class="divmenu">-<a href="games.html" class="amenu">Игры</a></div>
	  <div class="divmenu">-<a href="http://www.mycomputerdoma.testsbox.ru" class="amenu">Психологические тесты</a></div>
	  <div class="divmenu">-<a href="http://www.mycomputerdoma.vsemp.ru" class="amenu">Доска объявлений</a></div>
	  <p></p>
	  <div class="divmenu2" ><img src="images/help.gif" alt="Справка" longdesc="images/help.gif" class="imgmenu"><span class="gray">Справка</span></div>
	  <div class="divmenu">-<a href="rules.html" class="amenu">Правила сайта</a></div>
	  <div class="divmenu">-<a href="faq.html" class="amenu">Вопрос – ответ</a></div>
	  <div class="divmenu">-<a href="about_author.html" class="amenu">Об авторе</a></div>
     </td>
    <td class="content"><p align="justify"><a href="print/index_print.html"><img src="images/print.png" alt="Вывести статью на печать"longdesc="images/print.png" align=right border="0" class="printer"></a></p>
      <p><strong>Сайт работает в режиме тестирования! В ближайшем будущем возможны некоторые изменения по дизайну, либо по текстовому наполнению. </strong></p>
      <h4>О сайте </h4>
      <p>Сайт «Компьютер + Интернет»  создавался для тех, кто еще только начал свое общение с компьютером и вошел в  виртуальный мир под названием Интернет, или как нередко говорят – всемирную  паутину. Хотя не только начинающие, но и опытные пользователи могут найти на  его страницах  много полезной информации для себя.</p>
      <p>Основная задача, которая  ставилась автором при создании сайта – это попытка научить пользователей  наилучшим способом использовать свой компьютер: правильно выбрать, оптимально  настроить, обезопасить от возможных заражений вирусами, шпионских атак и постоянно  поддерживать его в рабочем состоянии.</p> 
	  <p>Как отдельная тема сайта – работа в  сети Интернет. Автор втайне надеется, что его советы и рекомендации, основанные  на более чем 15-летнем опыте работы в сфере компьютерной техники, помогут людям  не только разобраться во всех тонкостях своего домашнего компьютера, но и  использовать его как ежедневный инструмент для работы с сетью, способный  приносить постоянный стабильный доход.</p>
       <p>В настоящее время работа через Интернет  стала основным источником дохода многих людей, как в России, так и за рубежом. И  это не удивительно, ведь число пользователей сети по данным Википедии  насчитывает уже более 50 миллионов. Вы наверняка слышали о таких существах -  «фрилансерах», которые не ходят на работу, как обычные рядовые граждане,  а предпочитают проводить будни в теплом,  уютном домашнем уголке, сидя у своего компьютера за чашечкой кофе, попутно зарабатывая  себе на жизнь. Причем зачастую доходы таких несколько необычных личностей могут  в 1,5 – 2 раза превышать ваши. Данный ресурс познакомит вас с тем, кто такие  фрилансеры, на какие категории они делятся и как вообще можно зарабатывать в  Интернете, используя свой домашний компьютер.</p>
      <p>Особое внимание при этом  уделяется распространенным ошибкам начинающих Интернет – пользователей, которые  ищут для себя «надомную работу». Дело в том, что заработать в Интернете  пытаются не только честным путем, но и обманными способами. Ведь трудиться  честно, далеко не всегда и всем хочется. Вот и пытаются такие темные личности  выманить деньги у добросовестных людей всевозможными методами. Чтобы избежать  этих ошибок, и не попасться на их уловки следует внимательно ознакомиться с советами и рекомендациями, которые рассмотрены на этом сайте.</p>
      <p>Сайт «Компьютер + Интернет»  поможет вам начать и правильно организовать свою работу. Помимо настройки  своего компьютера и операционной системы Windows, вы сможете постичь азы компьютерной графики, дизайна,  программирования в среде Веб, узнаете, как стать хорошим копирайтером,  заработать на валютной бирже Форекс, как защититься от хакерских атак, что  такое партнерские программы и многое, многое другое… «Компьютер + Интернет» -  это постоянно обновляемый ресурс, учитывающий все потребности и пожелания своих  пользователей.</p>
      <p>Работать в дальнейшем в сети профессионально  или остаться на своем более привычном месте, решать только вам. Деньги  даются нелегко как в реальном мире, так и в виртуальном. Везде, чтобы добиться  успеха, зарабатывать хорошие средства и надежно обеспечивать свое существование,  нужно много и терпеливо трудиться. Многое зависит также и от вашего желания.</p>  
	  <p>Если вы не уверены в том, что сможете научиться красиво рисовать, создавать  привлекательную для глаз пользователей анимационную графику, если у вас нет  твердого желания научиться делать сайты, если вы не умеете писать качественные  и интересные тексты, в общем, если у вас не очень хорошо развиты творческие  способности – не начинайте. Останьтесь там, где вам надлежит быть. У каждого в  жизни своя роль. Хотя на данный момент, Интернет стал настолько популярен, что  работу в сети может найти практически каждый человек, занятый умственным  трудом.</p> 
	  <p>Он может быть экономистом, проживающем в городе с небольшой  численностью населения и невозможностью устроится на работу по специальности,  программистом, потерявшим ее, грамотным переводчиком, журналистом,  дизайнером и человеком других широко  востребованных специальностей. Умные и образованные люди нужны повсюду, тем  более что Интернет – это современная, широкодоступная, постоянно развивающаяся  структура.</p> 
	  <p>Если же вы собираетесь заняться новой, совершенно незнакомой для  себя деятельностью, например, создать собственный сайт, то не бросайте постоянную  работу окончательно. Оставайтесь там, где вы сейчас находитесь, уделяя освоению  новой профессии все свое свободное время, например, после работы, по вечерам.  Когда вы наберетесь достаточно знаний, опыта, будете знать где, как и сколько  можно заработать - попробуйте это сделать. И только добившись первых,  значительных успехов, можете рискнуть «уйти в Интернет» навсегда.</p>
      <p>Итак, начнем наше обучение. Если  вы впервые на этом сайте, ознакомьтесь со страницей <a href="info.html"><span class="purple">«Информация о разделах»</span></a>, в  которой описывается содержание всех разделов. Это даст вам возможность лучше  представить себе структуру сайта и сориентироваться в нем. Надеюсь, работа с ним  доставит вам удовольствие и поможет лучше освоить  свой компьютер, Интернет и их совместное  действие. Ну а остаться ли на просторах всемирной паутины навсегда, выбрав  нужную для вас сферу или просто повысить свой умственный потенциал, повторюсь,  решать уже только вам.</p>
      <p><span class="italic">С уважением, Виталий Лебедев</span> –  создатель сайта <a href="index.html"><span class="purple">www.mycomputerdoma.net</span></a>.</p>
      <div><span class="red">4 июня 2008 г.</span></div>
      <div class="italic"><span class="green">Последнее изменение статьи - 4 июня 2008г.</span></div>
      <p> </p>
      <p> </p>
      <p> </p>
    <p align="center"> </p></td>
    <td class="right"> </td>
  </tr>
  <tr>
    <td class="footer" colspan="3"><div class="divfooter">© Компьютер + Интернет 2008г.</div>
      <div>www.mycomputerdoma.net</div>
      <div>Авторские права защищены.</div>
    <div>По вопросам размещения рекламы обращайтесь на <a href="mailto:my@email">E-mail</a></div></td>
  </tr>
</table>

</body>
</html>

CSS:

body {
margin:0;
padding:0;
}

.table {
margin:0;
padding:0;
width:100%;
background:white;
border:1px solid black;
border-collapse:collapse;
}

td.header {
border: 1px solid black;
background-image:url(../images/header_fon.png);
background-color:#006699;
height:85px;
padding-left:30px;
padding-right:20px;
}

td.header, td.footer {
border: 1px solid black;
background-repeat:repeat-x;
vertical-align:top;
}

td.top {
vertical-align:middle;
}

td.menu { 
vertical-align:top;
padding-left:10px;
padding-top:5px;
padding-right:10px;
}

td.menu, td.right {
width:200px;
} 

td.content { 
padding:10px;
border-right:1px solid black;
}

td.footer { 
border-top:2px solid black;
background-image:url(../images/footer_fon.png);
background-color:#808080;
height:75px;
}

img.computer {
margin-right:6px;
width:33px;
height:32px; 
}

.divheader {
color:white;
font-style:oblique;
font-weight:500;
font-size:24pt;
font-family:Times New Roman, Times, sans-serif;
padding-top:10px;
}

.divheader2 {
color:#00CC99;
font-style:italic;
font-weight:100;
font-size:15pt;
font-family:Times New Roman, Times, sans-serif;
padding-left:5px;
}

.top, .menu, .right {
background-color:#D9BA9D;
background-repeat:repeat-x repeat-y;
border: 1px solid black; 
}

.menu, .content, .right {
height:1500px;
vertical-align:top;
}

img.favorites {
width:20px;
margin-left:10px;
}

img.rss {
margin-left:5px;
}

img.wap {
width:22px;
margin-left:7px;
}

img.favorites, img.rss, img.wap, .imgmenu {
height:18px;
}  

img.favorites, img.rss, img.wap, .imgmenu, img.foto {
float:left;
}

img.rss, .imgmenu {
width:18px;
}

.divtop { 
text-align:right;
margin-right:5px;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
}

a.ru, a.en {
color:black;
}

.imgmenu {
margin-right:5px;
}

.divmenu, .divmenu2 {
font-style:italic;
font-family:Times New Roman, Times, serif;
font-size:12pt;
font-weight:normal;
color:black;
}

.amenu {
text-decoration:none;
color:black;
}

a:hover { 
color:white;
}

span.red {
color:red;
}

span.blue {
color:blue;
}

span.green {
color:green;
}

span.purple { 
color:purple;
}

span.maroon { 
color:maroon;
}

span.gray {
color:#595959;
}

.divmenu2 { 
border-bottom:1px solid black;
}

img.printer { 
width:88px;
height:31px;
}

h4 {
text-align:center;
}

.bold {
font-weight:bold;
}

.italic {
font-style:italic;
}

.acontent {
text-decoration:none;
text-decoration:underline;
color:black;
}

td.center {
text-align:center;
}

img.foto {
width:70px;
height:94px;
padding-right:10px;
}

td.year, th.year {
width:80px;
}

table.archives {
text-align:left;
}


.divfooter {
text-align:left;
color:#FF6666;
}

www.mycomputerdoma.net

Edited October 8, 2008 by Strelok

Vlad · October 8, 2008

Ошибки рендера IE6 связанные с работой border-collapse. Так что придется от этого атрибута отказаться.

Strelok · October 8, 2008

Ошибки рендера IE6 связанные с работой border-collapse. Так что придется от этого атрибута отказаться.

Спасибо за подсказку, Влад. Попробую исправить. А может так и оставлю как есть

Sign In

Исчезает рамка при наведении на ссылку

Question

Strelok

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Strelok

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Strelok

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information