Меню
Что нового?

<h3><a href="">fffffffff</a></h3> - проблемы с отображением

Asar

Новичок
<h3><a href="">fffffffff</a></h3> - проблемы с отображением

Делаю код, указанный в теме. На одном сайте - все ок, применяются стили к h3 и к a, все отображается нормально.
На другом - сначала цвет текста равен цвету фона (белый), когда прокрутишь вниз, а потом вернешься - все отображается нормально.
Как решается такая проблема?
 

lucas

Guest
1. Минимальный пример кода (со "стилями"), вызывающего "проблемы с отображением" + название/версию браузера -- в студию.

2. Какое магическое значение придается пустому атрибуту href? Где такой URI описан в спецификации? Куда должна себя вести такая ссылка?
 

Profic

just Profic (PHP5 BetaTeam)
кстати <a> с пустым href-ом ведет себя черти как в разных браузерах
 

Asar

Новичок
1а: код с РНР:
<div class="feat">
<h3>
<a href="/models/section.php?sec=<?=htmlspecialchars($Arr['Id_Section'])?>"><?=htmlspecialchars($Arr['Caption'])?>
</a></h3>
.......................
2a: код выдаваемой страницы:
<div class="feat">
<h3><a href="/models/section.php?sec=1">Tarakan &quot;Животное большого города&quot; City Style
</a></h3>
.......................
класс feat
margin-top:10px;
padding:0px 0px 3px 3px;
background-color: #FFF;

класс для h3
font-size:105%;
padding:0px 0px 0px 17px;
margin:0px;

класс для a
color:#815D6A;

-~{}~ 18.07.05 14:17:

href не пустой в оригинале.
В файрфоксе все Ок. Проблемы в ИЕ6

-~{}~ 18.07.05 14:19:

Вот еще что: если навести на ссылку, когда она белая на белом фоне, то она подсвечивается (как прописано в стиле a:hover), а потом, при отводе курсора остается в своем нормальном состоянии - т. е. в том, в котором должна бы быть изначально...
 

lucas

Guest
Пример кода -- это копия 1 в 1 из View Source браузера (таблицу стилей включить в документ).
Чтобы можно было скопировать и тут же потестить.

Дубль два.
 

Asar

Новичок
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<style>
html {
width:100%;
height:100%
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
margin:0px;
padding:0px;
background: #F1C3BF;
color:#815D6A;
width:100%;
height:100%
}

h1 {
font-size:22px;
font-weight:normal
}

h2 {font-size:145%;
padding:0px;
margin:0px;
font-weight:normal
}

h3 {font-size:105%;
padding:0px 0px 0px 17px;
margin:0px;
}

a {color:#815D6A;
}

a:hover {
color:#F9A8D8;
text-decoration:none;
}

a.white {color:#FFF}

.menu {
margin-left:10px;
color:#815D6A;
text-decoration:none;
font-size:13px;
background-color:#FFF;
/*background: url('/zub/pic/ungle.jpg') right top no-repeat #FFF;
border-left:1px dotted #FF9000;
padding-left:5px;
padding-top:5px;*/
padding:5px;
font-weight:bold;
width:180px;
}

a.menu:hover {
color:#F1C3BF; text-decoration:none
}
table {
border-collapse:collapse;
padding:0px;
margin:0px;
}

image {border:none}

.feature {background-color:#666;width:25%; }

.feat, .imgfeat {
/*border:1px solid #666;*/
margin-top:10px;
padding:0px 0px 3px 3px
}
.feat {background-color: #FFF;}
/*.feat {background:url('/zub/pic/angle.png') 0 0 no-repeat #FFF; border:1px solid #815D6A}*/
.imgfeat {width:297px}

.fe {margin:3px; text-decoration:none; display:block; cursor:text;}



li {margin-top:0.3em}

img {border:none}

.steel_left {background: #22B3A4; color:#FFF; padding-left:9px; height:39px}
.steel_right {background: #22B3A4; color:#FFF; padding-left:12px}

.gray_left {background-color:#815D6A; vertical-align:top; padding:15px 0px 15px 15px}
.gray_right {padding:15px; background-color:#815D6A; vertical-align:top; text-align:right}
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>
Модели</title>

</head>

<body>
<table style="margin:9px 0px 9px 9px">
<tr>
<td>
<a href="/"><img src="/zub/pic/logo.jpg" alt="Главная страница"></a>
</td>
<td>
<img src="/zub/pic/header2.jpg" alt="Главная страница">

<p> <a href="/news/" class="menu" title="Новости">Новости</a> <span class="menu" style="color:#FFF; background-color:#22B3A4">Модели</span> <a href="/where/" class="menu" title="Где купить">Где купить</a> <a href="/support/" class="menu" title="обои для рабочего стола">Поддержка</a>
</p>
</td>
</tr>
</table>







<table width="100%" style="border-bottom:3px solid #22B3A4">
<tr>
<td width="70%" class="steel_left">
<h2>Модели</h2>
</td>
<td class="steel_right">
<h2></h2>
</td>
</tr>
<tr>
<td class="gray_left" width="70%" >

<div class="feat">
<h3>ffff</h3>
<p style="text-align:justify; color:#999; margin:0px">
fffffffffffffffffffffffffffff.
</p>
</div>

<div class="feat">
<h3><a href="/models/section.php?sec=1">&quot;Стиль большого города&quot; City Style</a></h3>
<span style="padding-left:17px"></span>
<table style="margin-top:1em"><tr>
<td valign="top" width="185">
<a href="/models/section.php?sec=1">
<img src="/zub/img/125/1.jpg" alt="&quot;Стиль большого города&quot; City Style" style="margin-right:5px"><img src="/zub/img/125/2.jpg" alt="&quot;Стиль большого города&quot; City Style">
</a>
</td>
<td valign="top">
<p align="justify" style="margin:0px "></p>
</td>
</tr></table>
</div> <div class="feat">
<h3><a href="/models/section.php?sec=2">Квадратная коллекция</a></h3>
<span style="padding-left:17px"></span>
<table style="margin-top:1em"><tr>
<td valign="top" width="185">
<a href="/models/section.php?sec=2">
<img src="/zub/img/125/11.jpg" alt="Квадратная коллекция" style="margin-right:5px"><img src="/zub/img/125/12.jpg" alt="Квадратная коллекция">
</a>
</td>
<td valign="top">
<p align="justify" style="margin:0px "></p>
</td>
</tr></table>
</div> <div class="feat">
<h3><a href="/models/section.php?sec=3">&quot;Полосатая&quot; коллекция</a></h3>
<span style="padding-left:17px"></span>
<table style="margin-top:1em"><tr>
<td valign="top" width="185">
<a href="/models/section.php?sec=3">
<img src="/zub/img/125/5.jpg" alt="&quot;Полосатая&quot; коллекция" style="margin-right:5px"><img src="/zub/img/125/18.jpg" alt="&quot;Полосатая&quot; коллекция">
</a>
</td>
<td valign="top">
<p align="justify" style="margin:0px "></p>
</td>
</tr></table>
</div> <div class="feat">
<h3><a href="/models/section.php?sec=4">Джинсовая коллекция</a></h3>
<span style="padding-left:17px"></span>
<table style="margin-top:1em"><tr>
<td valign="top" width="185">
<a href="/models/section.php?sec=4">
<img src="/zub/img/125/23.jpg" alt="Джинсовая коллекция" style="margin-right:5px"><img src="/zub/img/125/29.jpg" alt="Джинсовая коллекция">
</a>
</td>
<td valign="top">
<p align="justify" style="margin:0px "></p>
</td>
</tr></table>
</div> <div class="feat">
<h3><a href="/models/section.php?sec=5">Дайвинг-коллекция</a></h3>
<span style="padding-left:17px"></span>
<table style="margin-top:1em"><tr>
<td valign="top" width="185">
<a href="/models/section.php?sec=5">
<img src="/zub/img/125/19.jpg" alt="Дайвинг-коллекция" style="margin-right:5px"><img src="/zub/img/125/33.jpg" alt="Дайвинг-коллекция">
</a>
</td>
<td valign="top">
<p align="justify" style="margin:0px "></p>
</td>
</tr></table>
</div> <div class="feat">
<h3><a href="/models/section.php?sec=6">Классические</a></h3>
<span style="padding-left:17px"></span>
<table style="margin-top:1em"><tr>
<td valign="top" width="185">
<a href="/models/section.php?sec=6">
<img src="/zub/img/125/21.jpg" alt="Классические" style="margin-right:5px"><img src="/zub/img/125/26.jpg" alt="Классические">
</a>
</td>
<td valign="top">
<p align="justify" style="margin:0px "></p>
</td>
</tr></table>
</div> <div class="feat">
<h3><a href="/models/section.php?sec=7">DDDD</a></h3>
<span style="padding-left:17px"></span>
<table style="margin-top:1em"><tr>
<td valign="top" width="185">
<a href="/models/section.php?sec=7">
<img src="/zub/img/125/40.jpg" alt="fff" style="margin-right:5px"><img src="/zub/img/125/43.jpg" alt="fff">
</a>
</td>
<td valign="top">
<p align="justify" style="margin:0px "></p>
</td>
</tr></table>
</div></td>
<td class="gray_right">

<div class="imgfeat">
<a href="/models/lineup.php">
<img src="/zub/pic/lineup.jpg" alt="ddddddddddddddd">
</a>
<a href="/models/lineup.php" class="white">
fffffffffffffffffff
</a>
</div> </td>
</tr>
</table>
<div style="padding:5px 15px 5px 5px; text-align:right; color:#666666">ffffffffffffff</div>
</body>
</html>
 

lucas

Guest
Никаких проблем с цветом текста и фона. (FF 1.0.4)
 

Sizz

Новичок
Код: 
<h3> <a href="/models/section.php?sec=1"> Стиль большого города City Style </a> </h3>
<span style="padding-left:17px">&nbsp;</span>
в span воткни пробел (&amp;nbsp; )или вообще его удали - зачем он не понятно

а еще вот такая вот кривость:
Код: 
alt="Стиль большого города" City Style"
 

Asar

Новичок
<span style="padding-left:17px"></span> - глюк был из-за него, действительно. Если его оставить пустым - ИЕ глючит, если не оставлять пустым или удалить - то все Ок. Он у меня пустой, потому что база на его счет еще не вбита...
Всем спасиб за участие.
 
Войдите или зарегистрируйтесь для ответа.
Сверху