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

HTML+CSS+JavaScript

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

 

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

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

тема: Аналоги атрибутов table и td в css

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

 
 автор: Blizard   (13.08.2011 в 18:42)   письмо автору
 
   для: Blizard   (13.08.2011 в 16:56)
 

Решил с помощью clear: both;

  Ответить  
 
 автор: Blizard   (13.08.2011 в 16:56)   письмо автору
 
   для: cheops   (11.08.2011 в 17:00)
 

Как сделать так. чтобы <div> расширялся по высоте если туда с помощью js добавляется текст, который не влезает в высоту <div> ?

  Ответить  
 
 автор: cheops   (11.08.2011 в 17:00)   письмо автору
 
   для: Yuriev   (11.08.2011 в 15:15)
 

В первую очередь удобнее, во вторую тэг <img> все же строковый, а не блочный элемент, следовательно, он должен быть элементом блочного тэга. Не все стандарты любят болтающиеся строковые элементы.

PS А вообще, конечно, в первую очередь смотрите как вам удобнее.

  Ответить  
 
 автор: Yuriev   (11.08.2011 в 15:15)   письмо автору
 
   для: cheops   (11.08.2011 в 02:12)
 

>Лучше обрамить картинку <div>, чем просто использовать <img>
Почему?

  Ответить  
 
 автор: antf   (11.08.2011 в 14:58)   письмо автору
 
   для: Blizard   (11.08.2011 в 14:51)
 

А не лучше ли закругленные края у дива так делать?

 border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;


Или на худой конец background'ом.

  Ответить  
 
 автор: Blizard   (11.08.2011 в 14:51)   письмо автору
 
   для: antf   (11.08.2011 в 12:28)
 

У меня дизайн у сайта с загругленными краями и каждый круглешок отдельной картинкой, в итоге четыре менюшки у меня на дивах получились такими:


                              <div class="bod-3">

                                        <div class="bod-3-1-1"></div>
                                        <div class="bod-3-1-2"></div>
                                        <div class="bod-3-1-3"></div>
                                        <div class="bod-3-1-4"></div>
                                        <div class="bod-3-1-5"></div>
                                        <div class="bod-3-1-6"></div>
                                        <div class="bod-3-1-7"></div>
                                        <div class="bod-3-1-8"></div>
                                        <div class="bod-3-1-9"></div>
                                        <div class="bod-3-1-10"></div>
                                        <div class="bod-3-1-11"></div>
                                        <div class="bod-3-1-12"></div>
                                        <div class="bod-3-1-13"></div>
                                        <div class="bod-3-1-14"></div>
                                        <div class="bod-3-1-15"></div>
                                        <div class="bod-3-1-16"></div>
                                        <div class="bod-3-1-17"></div>
                                        <div class="bod-3-1-18"></div>

                                        <div class="bod-3-1-1"></div>
                                        <div class="bod-3-1-2"></div>
                                        <div class="bod-3-1-3"></div>
                                        <div class="bod-3-1-4"></div>
                                        <div class="bod-3-1-5"></div>
                                        <div class="bod-3-1-6"></div>
                                        <div class="bod-3-1-7"></div>
                                        <div class="bod-3-1-8"></div>
                                        <div class="bod-3-1-9"></div>
                                        <div class="bod-3-1-10"></div>
                                        <div class="bod-3-1-11"></div>
                                        <div class="bod-3-1-12"></div>
                                        <div class="bod-3-1-13"></div>
                                        <div class="bod-3-1-14"></div>
                                        <div class="bod-3-1-15"></div>
                                        <div class="bod-3-1-16"></div>
                                        <div class="bod-3-1-17"></div>
                                        <div class="bod-3-1-18"></div>

                                        <div class="bod-3-1-1"></div>
                                        <div class="bod-3-1-2"></div>
                                        <div class="bod-3-1-3"></div>
                                        <div class="bod-3-1-4"></div>
                                        <div class="bod-3-1-5"></div>
                                        <div class="bod-3-1-6"></div>
                                        <div class="bod-3-1-7"></div>
                                        <div class="bod-3-1-8"></div>
                                        <div class="bod-3-1-9"></div>
                                        <div class="bod-3-1-10"></div>
                                        <div class="bod-3-1-11"></div>
                                        <div class="bod-3-1-12"></div>
                                        <div class="bod-3-1-13"></div>
                                        <div class="bod-3-1-14"></div>
                                        <div class="bod-3-1-15"></div>
                                        <div class="bod-3-1-16"></div>
                                        <div class="bod-3-1-17"></div>
                                        <div class="bod-3-1-18"></div>

                                        <div class="bod-3-1-1"></div>
                                        <div class="bod-3-1-2"></div>
                                        <div class="bod-3-1-3"></div>
                                        <div class="bod-3-1-4"></div>
                                        <div class="bod-3-1-5"></div>
                                        <div class="bod-3-1-6"></div>
                                        <div class="bod-3-1-7"></div>
                                        <div class="bod-3-1-8"></div>
                                        <div class="bod-3-1-9"></div>
                                        <div class="bod-3-1-10"></div>
                                        <div class="bod-3-1-11"></div>
                                        <div class="bod-3-1-12"></div>

                              </div>


На сколько валиден такой код?

  Ответить  
 
 автор: antf   (11.08.2011 в 12:28)   письмо автору
 
   для: Blizard   (11.08.2011 в 11:36)
 

Так прописано в стандарте css. Реальная ширина видимой части блока = border-left + padding-left + width + padding-right + border-right. То же самое с высотой.

>есть какой-то универсальный метод?

Внутрь div вставить еще один div, чтобы прописывать отступы в нем.

  Ответить  
 
 автор: Blizard   (11.08.2011 в 11:36)   письмо автору
 
   для: cheops   (11.08.2011 в 02:12)
 

скажите, а почему padding расширяет div? Я конечно учел размерность div сделал его меньше так сказать на кол-во padding, но может есть какой-то универсальный метод?

  Ответить  
 
 автор: cheops   (11.08.2011 в 02:12)   письмо автору
 
   для: Blizard   (10.08.2011 в 23:36)
 

Лучше обрамить картинку <div>, чем просто использовать <img>

  Ответить  
 
 автор: Blizard   (10.08.2011 в 23:36)   письмо автору
 
   для: Blizard   (10.08.2011 в 23:29)
 

Решил этот вопрос float: left;

А что для поисковиков и для XHTML лучше - пустой див с картинкой или <img src> ?

  Ответить  

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

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

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