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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум Структурный форум

тема: Не применяется margin
 
 автор: OLi   (12.06.2011 в 13:28)   письмо автору
 
 

Почему не применяется margin:10px для внутренних div элемента с id="content"
--------------------------
<div id="content" style="display: block; ">
<div id="author4"><a onclick="select_autor(4)" href="#"><img src="/templates/Default/images/noavatar.png" align="left" width="90"></a></div><div id="author3"><a onclick="select_autor(3)" href="#"><img src="/templates/Default/images/noavatar.png" align="left" width="90"></a></div><div id="author2"><a href="#" onclick="select_autor(2)"><img src="/uploads/fotos/foto_2.png" align="left" width="90"></a></div><div id="author1"><a href="#" onclick="select_autor(1)"><img src="/uploads/fotos/foto_1.jpg" align="left" width="90"></a><b><a href="http://reshifizmat.ru/user/
admin/">HHH</a></b></div>
</div>

  Ответить  
 
 автор: cheops   (12.06.2011 в 13:38)   письмо автору
 
   для: OLi   (12.06.2011 в 13:28)
 

А как вы его задаете?

  Ответить  
 
 автор: OLi   (12.06.2011 в 14:20)   письмо автору
 
   для: cheops   (12.06.2011 в 13:38)
 

#content div{ margin:10px; display:block}

  Ответить  
 
 автор: cheops   (12.06.2011 в 15:07)   письмо автору
 
   для: OLi   (12.06.2011 в 14:20)
 

У вас align='left' у изображений мешает. Знаете есть хороший прием для отладки CSS - назначайте временную границу при помощи border: 1px solid black; - многое сразу становится понятным. Вы просто визуально увидите как действует в вашем случае margin - он есть, только он не затрагивает изображения
#content div{ margin:10px; display:block; border: 1px solid black;}

  Ответить  
 
 автор: OLi   (12.06.2011 в 15:19)   письмо автору
3.4 Кб
 
   для: cheops   (12.06.2011 в 15:07)
 

Да- так и есть! Но когда задал стиль для
<div id="author5"><a href="#" onclick="select_autor(5)"><img src="/uploads/fotos/foto_5.gif" width="90"></a></div>

#content div{margin:2px; display: inline; border: 2px solid #E6E6E6; width:90px}


то рамка не захватывает весь объект div

  Ответить  
 
 автор: cheops   (12.06.2011 в 15:25)   письмо автору
 
   для: OLi   (12.06.2011 в 15:19)
 

Это связано с тем, что вы объект встроенным (inline) сделали, если сделаете его блочным (block), то рамка будет окружать изображение точно по периметру.

  Ответить  
 
 автор: OLi   (12.06.2011 в 15:50)   письмо автору
 
   для: cheops   (12.06.2011 в 15:25)
 

а если надо div элементы отобразить по горизонтали как быть? float?

  Ответить  
 
 автор: cheops   (12.06.2011 в 15:57)   письмо автору
 
   для: OLi   (12.06.2011 в 15:50)
 

>а если надо div элементы отобразить по горизонтали как быть? float?
Совершенно верно. Можно, конечно их и во встроенный режим перевести, но это породит проблемы, с которыми вы столкнулись выше. float тоже не подарок - но с ним проще.

  Ответить  
Rambler's Top100
вверх

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