Реклама на сайте Advertise with us
Advertise with us
Размещение рекламы
Главная » Форум » Дизайн »

Помогите справиться с капризами ИЕ

 Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 13.11.06
Сообщения: 777
Рейтинг: 418
Ссылка на сообщениеДобавлено: 24/08/08 в 00:56       Ответить с цитатойцитата 
Код вот:
Код:

#galLinks {
   padding: 0;
   margin: 10px auto 0 auto;
   width: 900px;
   border: #FFFFCC solid 3px;      
}

#galLinks a {
   padding: 0;
   margin: 0;
   text-decoration: none;
   display: inline-block;   
}

#galLinks a p {
   padding: 0;
   margin: 2px;
   width: 444px;
   color: #FFFFCC;
   font-family: "Comic Sans MS";
   font-size: 100px;
   font-weight: bold;
   text-align: center;
   text-decoration: underline;
   border: #FFFFCC solid 1px;
   position: relative;   
}

#galLinks a:hover p {
   text-decoration: none;
   background-color: #CC9966;
}

#galLinks a p img {
   padding: 0;
   margin: 0;
   width: 400px;
   height: 300px;
   font-size: 12px;
   border: #FFFFCC solid 1px;
   visibility: hidden;
   position: absolute;
   top: 100px;
   left: 425px;
}

#galLinks a p img.rightLink {
   left: -382px;
}

#galLinks a:hover p img {
   visibility: visible;
   z-index: 1;   
}

...

<div id="galLinks"><a href="#"><p><img src="01.jpg" alt="preview" />Gallery #1</p></a><a href="#"><p><img class="rightLink" src="02.jpg" alt="preview" />Gallery #2</p></a></div>


Просто заебался уже. Когда при наведении на правую ссылку галереи появляется превьюха - все нормально, но когда навожу на левую ссылку - правая превьюха оказывается ПОД правой ссылкой (элемент P и содержимое, блядь, над превьюхой). В результате выглядит просто уёбищно. Как справиться с проблемой ? Может у когото есть идеи? В остальных браузерах отображается как надо.

0
 



С нами с 03.05.04
Сообщения: 236
Рейтинг: 249
Ссылка на сообщениеДобавлено: 24/08/08 в 01:28       Ответить с цитатойцитата 
DOCTYPE где?
Приведи весь листинг.

0
 



С нами с 13.11.06
Сообщения: 777
Рейтинг: 418
Ссылка на сообщениеДобавлено: 24/08/08 в 09:32       Ответить с цитатойцитата 
kuindzi писал:
DOCTYPE где?
Приведи весь листинг

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
body {
   padding: 0;
   margin: 0;
   background-color: #996633;
   font-family: Comic Sans MS;
   font-size: 16px;
}

#galLinks {
   padding: 0;
   margin: 10px auto 0 auto;
   width: 900px;
   border: #FFFFCC solid 3px;      
}

#galLinks a {
   padding: 0;
   margin: 0;
   text-decoration: none;
   display: inline-block;   
}

#galLinks a p {
   padding: 0;
   margin: 2px;
   width: 444px;
   color: #FFFFCC;
   font-family: "Comic Sans MS";
   font-size: 100px;
   font-weight: bold;
   text-align: center;
   text-decoration: underline;
   border: #FFFFCC solid 1px;
   position: relative;   
}

#galLinks a:hover p {
   text-decoration: none;
   background-color: #CC9966;
}

#galLinks a p img {
   padding: 0;
   margin: 0;
   width: 400px;
   height: 300px;
   font-size: 12px;
   border: #FFFFCC solid 1px;
   visibility: hidden;
   position: absolute;
   top: 100px;
   left: 425px;
}

#galLinks a p img.rightLink {
   left: -382px;
}

#galLinks a:hover p img {
   visibility: visible;
   z-index: 1;   
}

-->
</style>
</head>

<body>
  <div id="galLinks"><a href="#"><p><img src="01.jpg" alt="preview" />Gallery #1</p></a><a href="#"><p><img class="rightLink" src="02.jpg" alt="preview" />Gallery #2</p></a></div>
</body>
</html>


Копи-пасть на здоровье icon_smile.gif

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »


© Master-X, 1999-2024