powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Верстка странно себя ведет.
11 сообщений из 11, страница 1 из 1
Верстка странно себя ведет.
    #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
Верстка странно себя ведет.
    #36484704
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Esofter , в твоём примере количество <div ...> и </div> явно не совпадает...
...
Рейтинг: 0 / 0
Верстка странно себя ведет.
    #36484734
Фотография Esofter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,

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

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

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


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


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