Shugich
-
Posts
161 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Shugich
-
Небольшая, но очень интересная задачка по верстке.
Shugich replied to Great Rash's question in HTML Coding
По второму вопросу... Дабы не схлопывался нужно задать для .main-box float: left > как при помощи CSS сделать так, чтобы блок main-box тянулся по высоте соответвтсенно контенту Ну тут два вариант. 1. Таблица. 2. Делаем для родителя фоновую картинку такую же, как цвет фона и растягиваем по вертикали в родителе... Все, других вариантов нету. Код: <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 154px; border: 2px solid; float: left; background: url('http://shugich.ru/bg.png') repeat-y; height: 500px; } .a, .b, .c { width: 50px; height: 50px; float: left; } .a { background: red; border-right: 1px solid; } .b { background: green; border-left: 1px solid; border-right: 1px solid; } .c { background: blue; border-left: 1px solid; } </style> </head> <body> <div class="main-box"> <div class="a"></div> <div class="b"></div> <div class="c"></div> </div> </body> </html> > Мозилле 3.5 В 3.6 не работает... -
Небольшая, но очень интересная задачка по верстке.
Shugich replied to Great Rash's question in HTML Coding
> Внимание вопрос: как при помощи CSS сделать так, чтобы блоки уместились в родителе? Никак.... Давай дам другой пример. В стакан вмещается 200мл воды... Как вместить туда 500мл воды? Тут тоже самое... В 150 пикселей невозможно впихнуть 156 пикселей. -
> Я бы еще создавал временный <div> в который помещал бы текст ссылки перед генерацией А вот с этим проблема... Ссылки нельзя обработать никак. У них автоматом задн класс и все. А запихать их в конетейнер нельзя (ну только все вместе).
-
Благодарствую... Сейчас изучать буду
-
Есть вот такая шапка. Логотип всегда стоит на месте и никуда не движется. Теги же должны быть раскиданы по шапке, не задевая при этом логотип и не вылезая за шапку. Тегов может быть разное количество и всегда они должны быть раскиданы по-разному. Как такое можно реализовать? о_О
-
Если я правильно понял, то: <div style="border-top: 1px solid black; border-bottom: 1px solid black; padding: 3px;"> <li><a href="$LAST_POST_URL$">$THREAD_TITLE$</a> <div align="right"><span style="font-size: 7pt; font-weight: bold;">$POST_USER$</span></div> </li> </div>
-
А что тебе мешает ее поменять? О_О
-
Все заработать, если сделать вот так: <div style="background:#999999; float: right;"> <div style="float:left;">Лево</div> <div style="float:right;">право</div> </div>
-
Все, разобрался) Можно выключать)
-
DjTarik, заданы.
-
Люди, как можно задать высоту таблицы 100%? Для чего? Примерно для такого кода. Нужно чтобы на всю страницу растягивалось. <table width="100%" height="100%"> <tr> <td height="10%" </tr> <tr> <td height="80%" </tr> <tr> <td height="10%" </tr> </table>
-
Все просто. Закидываем шапку и контент в отдельный блок и растягиваем его на 100% (высота), задаем минимальную высоту 100%. Футеру же задаем высоту и точно такой же параметр margin-top. <!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> <title>Вот так вот</title> <style type="text/css"> html, body {height: 100%; background: #fff;} #all {height: auto !important; min-height: 100%;} #header {height: 100px; background: black;} #footer {height: 100px; background: black; margin-top: -100px;} </style> </head> <body> <div id="all"> <div id="header"><!-- Шапка --></div> <div id="content"></div> </div> </div> <div id="footer"><!-- Подвал --></div> </body> </html>