В море соли и так до чёрта, морю не надо слёз.
Чтобы все аватары в комментариях отображались в прилегающей к ним рамке.
.avatar img { border-width:3px; border-color:#1894b5; border-style:double; padding:2px; display: block; }
border-width:3px; - ширина рамки
border-color:#1894b5; - цвет
border-style:double; - стиль рамки. Может быть [none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset]
www.htmlbook.ru/css/border-style.html
padding:2px; - отступ вокруг акатара
display: block; блочный элемент.
Остальные свойства: www.htmlbook.ru/css/display.html
Проверено в IE 7. 8; Safari 4.0
.avatar img { border-width:3px; border-color:#1894b5; border-style:double; padding:2px; display: block; }
border-width:3px; - ширина рамки
border-color:#1894b5; - цвет
border-style:double; - стиль рамки. Может быть [none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset]
www.htmlbook.ru/css/border-style.html
padding:2px; - отступ вокруг акатара
display: block; блочный элемент.
Остальные свойства: www.htmlbook.ru/css/display.html
Проверено в IE 7. 8; Safari 4.0
-
-
22.07.2010 в 10:13отображались в прилегающей к ним рамке
Если прилегающая, то без padding. Padding - это отступ от аватара до рамки.
Еще хитрость. Если задать background-color, отличный от фона дневника, то рамка получится двойной (при ненулевом padding'е). Примерно так, как здесь оформлены картинки:
В данном случае еще использован border-radius для закругленных краев.
-
-
22.07.2010 в 11:55есть краткая запись свойств смейства border: 3px double #1894b5;