Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Помогите разобраться

Обсуждение темы Помогите разобраться в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравтвуйте уважаемые коллеги. Возникла проблема с блоками для меня непонятная здесь непонятное пустое пространство здесь оно выделено это код выделенного места Код HTML: ...


Закрытая тема
 
Опции темы
Старый 08.10.2012, 15:43   #1
Здравтвуйте уважаемые коллеги.
Возникла проблема с блоками для меня непонятная

здесь непонятное пустое пространство

здесь оно выделено

это код выделенного места
Код HTML:
<dl class="itemNewProductsDefault">
<dt class="itemImage">
<a href="http://localhost/pure/product_info.php?products_id=40"><img src="images/product_images/thumbnail_images/40_0.jpg" alt="Органза" title="Органза"></a><p><a href="http://localhost/pure/index.php?action=buy_now&amp;BUYproducts_id=40&amp;cat=24&amp;cPath=24" onclick="doBuyNow('40','1'); return false;"><img src="templates/vamshop/buttons/russian/button_buy_now.png" alt="Купить 'Органза'" title=" Купить 'Органза' " width="115" height="31"></a>
</p></dt>
<dd class="itemDescription"><h3>
<a href="http://localhost/pure/product_info.php?products_id=40">Органза</a></h3>
</dd>

<dd class="itemDescription">
Состав - шелк 100%; Ширина - 140 см; Плотность - 43 гр/м2 (10 m/m)...
</dd>

<dd class="itemDescriptionPrice">
 190,00 грн
</dd>


<dd class="itemDescription">
+<a class="dashed" href="http://localhost/pure/popup_content.php?coID=1" target="_blank" onclick="window.open('http://localhost/pure/popup_content.php?coID=1', 'popUp', 'toolbar=0,scrollbars=1,location=2,statusbar=0,menubar=0,resizable=1,width=800,height=550'); return false;">доставка</a> 3-4 дня
</dd>
</dl>
<dl class="itemNewProductsDefault">
<dt class="itemImage">
<a href="http://localhost/pure/product_info.php?products_id=39"><img src="images/product_images/thumbnail_images/39_0.jpg" alt="Шифон 14010" title="Шифон 14010"></a><p><a href="http://localhost/pure/index.php?action=buy_now&amp;BUYproducts_id=39&amp;cat=24&amp;cPath=24" onclick="doBuyNow('39','1'); return false;"><img src="templates/vamshop/buttons/russian/button_buy_now.png" alt="Купить 'Шифон 14010'" title=" Купить 'Шифон 14010' " width="115" height="31"></a>
</p></dt>
<dd class="itemDescription"><h3>
<a href="http://localhost/pure/product_info.php?products_id=39">Шифон 14010</a></h3>
</dd>

<dd class="itemDescription">
Состав - шелк 100%; Ширина - 140 см; Плотность - 43 гр/м2 (10 m/m)...
</dd>

<dd class="itemDescriptionPrice">
 205,00 грн
</dd>


<dd class="itemDescription">
+<a class="dashed" href="http://localhost/pure/popup_content.php?coID=1" target="_blank" onclick="window.open('http://localhost/pure/popup_content.php?coID=1', 'popUp', 'toolbar=0,scrollbars=1,location=2,statusbar=0,menubar=0,resizable=1,width=800,height=550'); return false;">доставка</a> 3-4 дня
</dd>
</dl>
т.е. в коде никаких пустых блоков. могут-ли повлиять пустые строки?

при скроле (увеличении масштаба) проблема исчезает

ps увеличение/уменьшение ширины блоков через css результата не дает

help
 
Старый 08.10.2012, 15:43
Ссылки
Старый 08.10.2012, 16:07   #2
Читаем, учимся
 
Этот пользователь сказал спасибо vladendark за это полезное сообщение:
Листок (10.10.2012)
Старый 10.10.2012, 14:41   #3
Цитата:
Сообщение от vladendark Посмотреть сообщение
Читаем, учимся
прочитал. потрогал .css файл - ноль результата. может что-то упустил? вот стиль блока для каждого товара

Код HTML:
dl.itemNewProductsDefault 
   {
     display: block;
     width: 48%; 
     float: left;
     height: auto;
     margin: 0 0 0 0;
     padding: .7em 0 1.5em  0;
     background: transparent;
   }
 
Старый 10.10.2012, 15:29   #4
Во-первых, для чего вам dd и иже? делайте списком.
Простейший пример
Код HTML:
<ul>
<li>
<img src="картинко" />
<div>
описание, кнопка итд итп
</div>
</li>
<li>
...
</li>
<li>
...
</li>
<li>
...
</li>
</ul>
Код HTML:
ul li{
display:inline-block;
*display:inline;
*zoom:1;
width:45%;
margin:0 4% 20px 0;
vertical-align:top
}
Это простейший способ.
На самом деле его нужно немного доработать. для ul width 103%, для li, margin должен быть 0 4% 20px -3%;
dscnfdbnm word-spacing итд. Но это не обязательно, так как и без этого неплохо смотрится
 
Старый 10.10.2012, 16:36   #5
Цитата:
Сообщение от vladendark Посмотреть сообщение
Во-первых, для чего вам dd и иже? делайте списком.
просто взял готовое решение, пока тестил - все норм. а как начал каталог заливать с длинными названиями, тут и всплыло. а чем плох вариант dl/dd/dt? переписать на div не проблема, но время опять-же...
 
Старый 10.10.2012, 16:37   #6
Я вам выше дал уже рабочий макет. Вставляйте в свои элементы в него и будет счастье
 
Этот пользователь сказал спасибо vladendark за это полезное сообщение:
Листок (10.10.2012)
Старый 10.10.2012, 16:54   #7
PS спасибо, разобрался - добавил строчку vertical-align:top; в .css
 
Старый 10.10.2012, 16:58   #8
Можно адрес сайта - посмотреть, что получилось. Ибо закрадывается мнение, что вы не все сделали ))
 
Старый 11.10.2012, 22:33   #9
Цитата:
Сообщение от vladendark Посмотреть сообщение
Можно адрес сайта - посмотреть, что получилось. Ибо закрадывается мнение, что вы не все сделали ))
пока на локале. обязательно опубликую
 
Старый 11.10.2012, 22:33
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться с Cd rumpelstilzchen Векторный арт 8 12.05.2010 16:34
Помогите разобраться! rufik Настройка серверов 1 09.12.2009 19:41
Помогите разобраться human Кальянная 5 09.06.2009 23:22
Помогите разобраться с CSS lambda HTML, CSS, JavaScript 4 04.07.2008 15:38
Помогите разобраться lala Библиотека 24 07.07.2007 03:16


Текущее время: 07:55. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум