Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верстка странно себя ведет. / 11 сообщений из 11, страница 1 из 1
23.02.2010, 17:39:00
    #36484600
Esofter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
Есть такая разметка
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<div class="gallary" id="gallary_list">
...

<div class="item">
		<div><a onclick="window.open('http://xxxxxx-doktor.ua/show_full?img=bimg8.jpg','full_image','width=500,height=500');" style="cursor: pointer;">
		<img src="/product/img8.jpg" alt="Рита" width="80" height="150"></a></div>
		<a onclick="window.open('http://xxxxxx-doktor.ua/show_full?img=bimg8.jpg','full_image','width=500,height=500');" style="cursor: pointer;">Рита</a>	
	</div>
<div class="item">
		<div><a onclick="window.open('http://xxxxxx-doktor.ua/show_full?img=bimg47.jpg','full_image','width=500,height=500');" style="cursor: pointer;">
		<img src="/product/img65.jpg" alt="Амина" width="80" height="150"></a></div>
		<a onclick="window.open('http://xxxxxx-doktor.ua/show_full?img=bimg47.jpg','full_image','width=500,height=500');" style="cursor: pointer;">Амина</a>	
	</div>
...

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

Вот цсс
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
/* Gallary */
div.gallary{width:600px; min-height:600px; float:left; padding: 0  15px}
div.gallary div.item{text-align:center; width:84px; float:left; margin: 0  35px; padding-bottom:20px}
div.gallary div.item a{font-size:14px; color:#F8F400; text-transform:uppercase; text-decoration:none}
div.gallary div.item div{width:80px; height:150px; border:1px solid #F8F400; padding:1px; margin-bottom:20px}
div.gallary div.back{padding:40px; clear:both}
div.gallary div.back a{background:url(../img/li.gif) no-repeat  0  3px; font-size:11px; color:#F8F400; padding-left:20px}
...
Рейтинг: 0 / 0
23.02.2010, 18:45:09
    #36484704
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
Esofter , в твоём примере количество <div ...> и </div> явно не совпадает...
...
Рейтинг: 0 / 0
23.02.2010, 19:02:14
    #36484734
Esofter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
krvsa,

Это недокопировал. В конце есть тег, закрывающий <div class="gallary" id="gallary_list">
Так вроде все дивы закрыты.
...
Рейтинг: 0 / 0
23.02.2010, 19:21:55
    #36484761
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
EsofterВ конце есть тег, закрывающий <div class="gallary" id="gallary_list">
Так вроде все дивы закрыты.
Таки просто их посчитай. Сколько открыто, а сколько закрыто. Даже если "докопировать", дописав </div> в самом низу...
...
Рейтинг: 0 / 0
23.02.2010, 19:31:34
    #36484781
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
Esofter , пордон! Сам их не заметил...
А есть у тебя пример чтобы такое проявлялось? Так "огульно" не понять...
...
Рейтинг: 0 / 0
23.02.2010, 19:48:52
    #36484809
Esofter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
krvsa Esofter , пордон! Сам их не заметил...
А есть у тебя пример чтобы такое проявлялось? Так "огульно" не понять...

тут эта страница.
...
Рейтинг: 0 / 0
23.02.2010, 20:55:38
    #36484850
енот полоскун
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
[off]цветовая палитра просто отвратительная[/off]
...
Рейтинг: 0 / 0
23.02.2010, 20:59:48
    #36484854
Esofter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
енот полоскун[off]цветовая палитра просто отвратительная[/off]

Я не делал этот сайт, просто допилить попросили. Так что все комментарии по поводу сайта мне не интересны.
...
Рейтинг: 0 / 0
23.02.2010, 21:29:14
    #36484876
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
Esofter тут эта страница.
Но на чужом сайте не потренируешся... Попробуй сам сделать тестовый пример. Может окажется что проблема вовсе не там где ты её ожидаешь...
...
Рейтинг: 0 / 0
23.02.2010, 21:31:45
    #36484880
енот полоскун
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
Esofter,
авторМедицинский халат \ " Алиса\ "


<img src="/product/img2.jpg" alt="Медицинский халат \"Алиса\"" width="80" height="150"></a></div>
возможно двойные кавычки портят картину. Попробуйте их заменить кодом.
...
Рейтинг: 0 / 0
23.02.2010, 21:46:21
    #36484895
енот полоскун
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Верстка странно себя ведет.
И еще. Попробуй вместо Риты написать трехстрочную фразу.
По-моему проблем в толщине надписи.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верстка странно себя ведет. / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]