creaturee
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by creaturee
-
Высота блока (Использование вложенных слоев)
creaturee replied to creaturee's question in HTML Coding
Сработало. А если нужно добавить: margin:20px; Как это сделать правильно и без скролла? <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Высота блока</title> <style type="text/css"> html, body { height: 100%; /* Высота родителя */ margin: 0; /* Убираем отступы у страницы */ } .layer { height:100%; background: #fc0; } .layer div{ padding: 20px; } </style> </head> <body> <div class="layer"> <div>Высота слоя 100%</div> </div> </body> </html> -
Подскажите как задать высоту блока с использованием вложенных слоев и чтобы без скролла было. Вот что имею, а скролл все равно есть: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Высота блока</title> <style type="text/css"> html, body { height: 100%; /* Высота родителя */ margin: 0; /* Убираем отступы у страницы */ } .layer {height:100%; } .layer div{ height: 100%; /* Высота */ background: #fc0; padding: 20px; border: 1px solid #000; } </style> </head> <body> <div class="layer"> <div>Высота слоя 100%</div> </div> </body> </html>
-
Изображения друг под другом без промежутков
creaturee replied to creaturee's question in HTML Coding
Огромное спасибо за ответ и ваше время! Таких как я наверное здесь тысячи и вы все равно находите время для каждого, спасибо! -
Подскажите пожалуйста разницу между CSS стилями когда мы хотим чтобы изображение было друг под другом без промежутков. Автор данного сайта использует следующий код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Изображения по вертикали</title> <style type="text/css"> DIV.img IMG { display: block; } </style> </head> <body> <div class="img"> <img src="images/ecctitle.png" alt="Название" width="640" height="158" /> <img src="images/navigate.png" alt="Навигация" width="640" height="30" /> </div> </body> </html> Я не очень хорошо понимаю назначение именно этой строки: DIV.img IMG { display: block; }. Это же можно написать проще через <style type="text/css"> IMG { display: block; } </style> <body> <div> <img src="images/ecctitle.png" alt="Название" width="640" height="158" /> <img src="images/navigate.png" alt="Навигация" width="640" height="30" /> </div> </body> или так, если в документе еще ??будут встречаться другие картинки: <style type="text/css"> .top { display: block; } </style> </head> <body> <div> <img class="top" src="images/ecctitle.png" alt="Название" width="640" height="158" /> <img class="top" src="images/navigate.png" alt="Навигация" width="640" height="30" /> </div> </body> Во всех трех вариантах результат одинаковый - изображения друг под другом, без промежутков. Вариант автора: DIV.img IMG { display: block; } - Зачем для тега DIV задавать те же свойства что и для тега IMG + еще дополнительный класс .img вписывать? Кто знает объясните пожалуйста?