Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.04.2011, 13:58
Человек
Отправить личное сообщение для 0931454574 Посмотреть профиль Найти все сообщения от 0931454574
 
Регистрация: 10.03.2011
Сообщений: 305

Позиуионирование списка ul
<ul class="gallery" >
    	  <li><a href="images/Galary/1_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/1_full.jpg" alt="image" /><span class="photo"></span></a></li>
	<li><a href="images/Galary/2_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/2_full.jpg" alt="image" /><span class="photo"></span></a></li>
	<li><a href="images/Galary/3_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/3_full.jpg" alt="image" /><span class="photo"></span></a></li>
	<li><a href="images/Galary/4_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/4_full.jpg" alt="image" /><span class="photo"></span></a></li>
	<li><a href="images/Galary/5_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/5_full.jpg" alt="image" /><span class="photo"></span></a></li>
	<li><a href="images/Galary/6_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/6_full.jpg" alt="image" /><span class="photo"></span></a></li>
		</ul>


.gallery {

list-style: none;
margin: 0;
padding: 0;
}

.gallery ul {

list-style: none;
margin: 0;
float: right;
list-style: none;
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/

}


.gallery li {
margin: 10px;
padding: 0;
float: left;
position: relative;
width: 180px;
height: 135px;
}
.gallery img {
background: #fff;
border: solid 1px #ccc;
padding: 4px;
}
.gallery span {
width: 20px;
height: 18px;
display: block;
position: absolute;
bottom: 10px;
right: 10px;
}

.gallery .photo {
background: url(../all_images/content/photo.gif) no-repeat;
}

.gallery a:hover img {
border-color: #666;
}
.gallery a:hover span {
background-position: left -22px;
}

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

Что это?
__________________
XYZ
Ответить с цитированием
  #2 (permalink)  
Старый 13.04.2011, 14:24
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,202

Сообщение от 0931454574
данный список не работает в IE то есть он там отобраджается как столбец
В моём ИЕ7 таки в строчку...

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery ul {
list-style: none;
margin: 0;
float: right;
list-style: none;
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
}
.gallery li {
margin: 10px;
padding: 0;
float: left;
position: relative;
width: 180px;
height: 135px;
}
.gallery img {
background: #fff;
border: solid 1px #ccc;
padding: 4px;
}
.gallery span {
width: 20px;
height: 18px;
display: block;
position: absolute;
bottom: 10px;
right: 10px;
}
.gallery .photo {
background: url(../all_images/content/photo.gif) no-repeat;
}
.gallery a:hover img {
border-color: #666;
}
.gallery a:hover span {
background-position: left -22px;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<ul class="gallery" >
	<li><a href="images/Galary/1_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/1_full.jpg" alt="image" /><span class="photo"></span></a></li>
	<li><a href="images/Galary/2_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/2_full.jpg" alt="image" /><span class="photo"></span></a></li>
	<li><a href="images/Galary/3_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/3_full.jpg" alt="image" /><span class="photo"></span></a></li>
	<li><a href="images/Galary/4_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/4_full.jpg" alt="image" /><span class="photo"></span></a></li>
	<li><a href="images/Galary/5_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/5_full.jpg" alt="image" /><span class="photo"></span></a></li>
	<li><a href="images/Galary/6_full.jpg" rel="prettyPhoto[gallery1]" title=""><img src="images/Galary/mini/6_full.jpg" alt="image" /><span class="photo"></span></a></li>
</ul>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 13.04.2011, 14:56
Человек
Отправить личное сообщение для 0931454574 Посмотреть профиль Найти все сообщения от 0931454574
 
Регистрация: 10.03.2011
Сообщений: 305

черт подери этот ie6.
__________________
XYZ
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заполнить список значениями из динамически созданного выпадающего списка zhuzha Элементы интерфейса 0 17.08.2010 14:40
Как добавить тег в каждый элемент списка? elias jQuery 4 15.08.2010 15:19
Sortable, два связанных списка. Как один из них сделать неизменяемым? kvecxjo jQuery 1 30.03.2010 03:15
Добавить значения из одного списка в другой XAOC Events/DOM/Window 10 28.08.2008 13:18
Динамическое обновление списка select (продолжение мытарств) macam Элементы интерфейса 2 25.06.2008 16:04