WhiteNight
-
Posts
21 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by WhiteNight
-
Т.е. никак Спасибо, гляну. Через таблицу кто будет знать сколько текста пихать в левую колонку, сколько в правую?
-
Есть задумка сделать вывод текста (статьи, например) в несколько колонок. Как сделать вывод, например, в 2 колонки так, чтобы обе колонки были одного размера по высоте. Сумбурно как-то объяснил, но может кто-то поймет и подскажет
-
Делать кнопки картинками. <input class="button" name="name_of_button" type="image" src="path_to_image" />
-
Много лишнего потому что это кусок кода. сlear: both не получается использовать, иначе text_mark оказывается _под_ большим блоком. Вообще полная версия тут: http://mmcpajero.ru/new/3.htm
-
Не могу понять почему блок text_mark не липнет к правому краю родительского блока. Вообще хочу его распложить ниже navigation, но по правому краю. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta name="author" content="WhiteNight" /> <title>Неназванный 2</title> <style> .one { height: 400px; width: 800px; border: 1px solid blue; } #search { text-align: right; padding: 5px; float: right; padding-right: 10px; } #search input { border-bottom: 1px dotted gray; padding: 2px 3px; color: gray; } #navigation { float: left; margin: 32px 20px; } #navigation a { font-size: 12px; } #text_mark { position: relative; top: 64px; right: 0; float: right; font-family: Verdana; font-size: 12px; color: #7e7e7e; } </style> </head> <body> <div class="one"> <div id="search"><form action="#"><input type="text" value=" Поиск..."/></form></div> <div id="navigation"><a href="#">Главное</a>-><a href="#">Об авто</a>-><a href="#">Отзывы</a></div> <div id="text_mark">Еще текст</div> </div> </body> </html>
-
2 deadrash Пробовал и в px и в em. Разная высота
-
2 Great Rash И еще раз спасибо. В любом случае Вы мне помогли
-
Как при такой верстке выравнять получившийся текст в диве по высоте? У меня в разных браузерах получается разная высота блока <li> Примерно такая структура: .menu { position: relative; height: 41px; background: url('images/bg_menu.jpg') repeat-x; left: 0; top: 123px; width: auto; margin-right: 260px; overflow: hidden; text-align: left; } .menu ul { display: inline; list-style: none; } .menu ul li { font-family: Verdana; font-size: 0.9em; list-style: none; display: inline; line-height: 36px; padding: 10px 10px 14px 10px; }
-
Спасибо. Что то до меня не дошло, что блоки наследуют это свойство.
-
Вот тут http://mmcpajero.ru/new/2.htm если открыть в FF или Opera - то белый блок нормально прилеплен к левой стороне родительского блока. Если же эту ссылку открыть в IE, то белый блок будет посередине, несмотря на left: 0; Как в IE его сделать так же, как и в FF, т.е. прилепить к левому краю?
-
padding-top: 1px; - дело похоже в этом. Попробуйте его убрать и увидите результат. Но в IE все так же плохо P.S. - в IE решается добавлением left: 0; для #header
-
Вторая картинка - фаерфокс. При прописывании 100% для блока header, он берет 100% не родительского блока, а ширины страницы. Вот глюк и получается. Если бы я хотел сделать только для FF, уже давно придумал бы что-то
-
Имеем такие глюки: По-моему код мой и не смотрели, который я привел...
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="WhiteNight" /> <style> *{margin:0; padding:0;} html ,body { margin: 0; width: 100%; height: 100%; text-align: center; } #wrapper { position: relative; background-color: gray; margin: 0 auto; max-width: 1256px; min-width: 1000px; text-align: center; } #content { margin-top: 165px; } #header { top: 0; height: 164px; background-color: red; } #footer { } </style> <title>Неназванный 2</title> </head> <body> <div id="wrapper"> <div id="content"> content </div> <div id="header">header</div> <div id="footer">footer</div> </div> </body> </html>
-
Что-то у меня не получается Если #wrapper { position: relative; } #header { top: 0; } то позиционирование не происходит.
-
между <img /> и последующими/предыдущими тэгами убери пробелы и переводы строк. Вроде такого: <td><img src="one.gif" /></td>
-
Хочется сделать стандартное расположение блоков, т.е.шапка - за ней контент. Но в коде они идут наоборот: контент, потом шапка. Для того чтобы поднять шапку, делаю position: absolute; top: 0; - но при таком позиционировании блок не растягивается на ширину коннтейнера. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="WhiteNight" /> <style> *{margin:0; padding:0;} html ,body { margin: 0; width: 100%; height: 100%; text-align: center; } #wrapper { background-color: gray; margin: 0 auto; max-width: 1256px; min-width: 1000px; text-align: center; } #content { margin-top: 165px; } #header { position: absolute; top: 0; height: 164px; background-color: red; } #footer { } </style> <title>Неназванный 2</title> </head> <body> <div id="wrapper"> <div id="content"> content </div> <div id="header">header</div> <div id="footer">footer</div> </div> </body> </html> Как добиться одновременно и абсолютного позиционирования и растягивание на ширину родительского блока?
-
Спасибо. Я Вас не понял, Вы меня Сделал так: http://mmcpajero.ru/new/proba.htm
-
Не знане велчины первойколонки. По идее она 100% - 240 px, но такое выражене не принимается в CSS.
-
Это совсем не то. По ссылке не макет двухколоночной верстки, а только заготовка будущей шапки. Т.е. блок с красной границей находится на своем месте, имеет нужную высоту, а вот с шириной - не получается. Вместо белого фона представьте подложку картинкой, а красный блок - строка с сылками. Мне абсолютно не известно, сколько % будет занимать этот блок.
-
Здравствуйте. Бьюсь над осовением блочной верстки. Вот есть промежуточный результат на данный момент: http://mmcpajero.ru/Proba.htm не могу понять, как красный блок сделать шириной до желтого и при том чтобы он менял размеры вместе с изменением размеров окна браузера... Заранее спасбо. Буду рад даже ссылочке на описание подобных версток...