Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: несколько div рядом

Сообщения:  [1-10]   [11-18] 

 
 автор: ddhvvn   (22.07.2010 в 17:17)   письмо автору
 
   для: mihdan   (22.07.2010 в 11:08)
 

У Токмакова получше будет ИМХО. И нет хаков под ИЕ6,7

  Ответить  
 
 автор: mihdan   (22.07.2010 в 11:08)   письмо автору
 
   для: Spenser   (21.07.2010 в 12:41)
 

HTML:

<div class="objects"> 
<span class="under">&nbsp;</span> 
    <div class="cell">Ячейка</div>
    <div class="cell">Ячейка</div>
    <div class="cell">Ячейка</div>
    <div class="cell">Ячейка</div>
<span class="under">&nbsp;</span> 
</div>


CSS:

.objects {
    text-align: justify;
    text-justify: newspaper;
}
    .objects .cell {
        border: 1px solid #9DA5D6;        
        width: 156px;
        height: 175px;
        text-align: center;
        display:inline-block;
        display: -moz-inline-box;        
        vertical-align: top;
    }    
    * html .objects .cell {
        display: inline;
    }
    * + html .objects .cell {
        display: inline;
    }        
    .objects .under {
        display:-moz-inline-box;
        display:inline-block;
        width: 100%;
    }


http://unesco.ru/ru/?module=objects&action=list

  Ответить  
 
 автор: ddhvvn   (21.07.2010 в 21:33)   письмо автору
 
   для: Spenser   (21.07.2010 в 15:32)
 

Вы хоть читали об этом свойстве?
В общем, AlexSol уже Вам дал, сходите там все есть

  Ответить  
 
 автор: AlexSol   (21.07.2010 в 20:01)   письмо автору
 
   для: Spenser   (21.07.2010 в 14:56)
 

http://www.artlebedev.ru/tools/technogrette/html/thumbnails-center/

  Ответить  
 
 автор: Usta   (21.07.2010 в 15:52)   письмо автору
 
   для: Spenser   (21.07.2010 в 15:46)
 

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

  Ответить  
 
 автор: Spenser   (21.07.2010 в 15:50)   письмо автору
 
   для: Spenser   (21.07.2010 в 15:46)
 

сейчас у меня так:

<div align="center" style="border: 1px dashed red;display: inline-block;">
{foreach key=key item=categor from=$main_categor name=maincategor}
<div style="width: 200px;border: 1px solid red;float: left;">
    <a href="{$categor.url}" title="{$categor.name}">{$categor.name}</a>
</div>
{/foreach}
</div>


но они выровнены по левой стороне а как по центру или по всему свободному (типа justify)?

  Ответить  
 
 автор: Spenser   (21.07.2010 в 15:46)   письмо автору
 
   для: Usta   (21.07.2010 в 15:18)
 

теперь понял. а как тогда вычислить сколько вложенных дивов получится при данной ширине родительского дива? и если пользователь будет растягивать окно то надо пересчитывать ширину родительского и ширину вложенных дивов?

  Ответить  
 
 автор: Spenser   (21.07.2010 в 15:32)   письмо автору
 
   для: ddhvvn   (21.07.2010 в 15:12)
 

это для какого Дива?

у меня сейчас так:

<div align="center" style="border: 1px dashed red;display: inline-block;">
{foreach key=key item=categor from=$main_categor name=maincategor}
<div style="width: 200px;border: 1px solid red;float: left;">
    <a href="{$categor.url}" title="{$categor.name}">{$categor.name}</a>
</div>
{/foreach}
</div>

  Ответить  
 
 автор: Usta   (21.07.2010 в 15:18)   письмо автору
 
   для: Spenser   (21.07.2010 в 14:57)
 

Почему фиксировано та, 7 это я задал просто для примера, вам суда нужно записать кол-во ваших колонок, если вы конечно используете php код.

  Ответить  
 
 автор: ddhvvn   (21.07.2010 в 15:12)   письмо автору
 
   для: Spenser   (21.07.2010 в 12:41)
 

display: inline-block

  Ответить  

Сообщения:  [1-10]   [11-18] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования