IE проблемы с отображением img в li

Nairit84 · December 11, 2009

Только в IE рисунок расположенный в одной строке рядом с текстом сползает на строку вниз.

<!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>Img сползает</title>
  <link rel="stylesheet" href="style.css"/>
 </head>
 <body>
<div class="menu_list" id="secondpane" style="width:20%">
<p class="menu_head">Header1</p>
<div class="menu_body">
<ul>
<li><a href="#">str2<img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9WvZyktdszHB9O75A7RuphkzGLkrRvSefdCzHPpdIzEfRG4QzG88lgtYX3RQkflyVUeEWnPl
pV6gTCLhHg6/1.jpg"></a></li>
<li><a href="#">str1<img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9WvZyktdszHB9O75A7RuphkzGLkrRvSefdCzHPpdIzEfRG4QzG88lgtYX3RQkflyVUeEWnPl
pV6gTCLhHg6/1.jpg"></a></li>
</ul>
</div>
<p class="menu_head">Header2</p>
<div class="menu_body">
<ul>
<li><a href="#">str1<img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9WvZyktdszHB9O75A7RuphkzGLkrRvSefdCzHPpdIzEfRG4QzG88lgtYX3RQkflyVUeEWnPl
pV6gTCLhHg6/1.jpg"></a></li>
<li><a href="#">str2  <img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9WvZyktdszHB9O75A7RuphkzGLkrRvSefdCzHPpdIzEfRG4QzG88lgtYX3RQkflyVUeEWnPl
pV6gTCLhHg6/1.jpg"></a></li>
</ul>
</div>
</div>
</body>
</html>

Причем этот пример работает нормально, а вот в комплекте с громадной таблицей стилей и jQuery :rolleyes: не отображается по замыслу.

Применяемые стили:

.menu_head {
  font-size: 1.2em;
  color:#047ad5;
  text-decoration:underline;
	cursor: pointer;
	position: relative;
}
.menu_head:hover{
  color: red;
  text-decoration:underline;
}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  color:#047ad5;
  border:1px solid green;
}
.menu_body a:hover{
  color: red;
  text-decoration:underline;
  }
 .menu_body li a {
    line-height:1.8;
    border:1px solid blue;
 }
 .menu_body li a img{

  display: inline;
  border: 1px solid red;
  float: right;
  vspace:0;
  hspace:2px;
 }

Edited December 11, 2009 by Nairit84

Nairit84 · December 11, 2009

Извините если непонятно написал, просто после двух дней "битв с мельницами" я уже плохо говорю по-русски.

rasebor · December 12, 2009

Проверил бы код валидатором для начала. Глядишь, что и прояснится :rolleyes:

Тэги с доктайпом, например, не стыкуются. Да и вообще - в HTML 4.01 Transitional плохо со списками.

Edited December 12, 2009 by rasebor

Sign In

IE проблемы с отображением img в li

Question

Nairit84

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Nairit84

Link to comment

Share on other sites

rasebor

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information