WhiteNight
Newbie-
Posts
21 -
Joined
-
Last visited
WhiteNight's Achievements
Explorer (1/14)
0
Reputation
-
Т.е. никак Спасибо, гляну. Через таблицу кто будет знать сколько текста пихать в левую колонку, сколько в правую?
-
Есть задумка сделать вывод текста (статьи, например) в несколько колонок. Как сделать вывод, например, в 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; } то позиционирование не происходит.