artylion
-
Posts
10 -
Joined
-
Last visited
artylion's Achievements
Explorer (1/14)
0
Reputation
-
В общем может кто сталкивался: в выпадающем списки нужно для li нужно задать определенное значение width: (для ширины), если не задавать то выпадающие пункты меню распологаются горизонтально! так вот вопрос как сделать чтоб ссылки внутри выпадающего списка списка имели ширину ссылки (текста) ? P.S. меню вертикальное!!!! Схема тут: http://www.html.by/showthread.php?t=12026
-
ok. Спасибо большое, помогло. а есть еще способы?
-
Как тогда сделать чтоб добиться отступа от родительского блока?
-
Согласно описанию: http://www.htmlbook.ru/css/margin.html Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента Собственно вопрос: почему в примере ниже красный блок отступает не от родительского элемента (блок content), а от header? <!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } img { border: none; } input {vertical-align: middle} #wrapper { width: 600px; margin: 0 auto; } /* Header —————————————————————————--*/ #header { height: 100px; background: #FFE680; } /* Middle —————————————————————————--*/ #content {background: #eee; } #block {width: 200px; height: 100px; background: red; margin: 0 auto; margin-top: 10px;} #content p {background: #ccc; margin: 10px;} /* Footer —————————————————————————--*/ #footer { height: 50px; background: #BFF08E; } </style> </head> <body> <div id="wrapper"> <div id="header"> Header: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tortor. Praesent dictum, libero ut tempus dictum, neque eros elementum mauris, quis mollis arcu velit ac diam. Etiam neque. zx./11:36 11.04.2010 </div><!-- #header--> <div id="content"><div id="block"></div> <p>Content: Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit.</p> <p>Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit.</p> </div><!-- #content--> <div id="footer"> Footer: Mus elit Morbi mus enim lacus at quis Nam eget morbi. Et semper urna urna non at cursus dolor vestibulum neque enim. </div><!-- #footer --> </div><!-- #wrapper --> </body> </html>
-
и какое решение?
-
С фиксированной шириной все работает, мне надо чтоб тянулась правая колонка.
-
<!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="description" content="описание" /> <meta name="keywords" content="ключевые слова" /> <style type="text/css"> * { margin: 0; padding: 0;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;} img {border: none;} #wrapper {margin: 0 auto; min-width: 600px; max-width: 800px; width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 800? "800px" : "auto");} #header {height: 150px; background: #ffe680;} #container {float: left; width: 100%;} #content {height: 400px; background: #0cf; margin-left: 200px;} #left-column {width: 200px; height: 300px; background: #3c0; float: left; margin-left: -100%;} #footer {height: 50px; background:#f33; clear: both;} </style> </head> <body> <div id="wrapper"> <div id="header"></div> <div id="container"> <div id="content"> </div> </div> <div id="left-column"><p>Привет!</p></div> <div id="footer"></div> </div> </body> </html>
-
Кто знает в опере и иe6 (может еще в каких либо!) не меняется размер фрейма! Кто знает в чем проблема? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Технологическая инструкция</title> </head> <frameset rows="80,*" cols="*" border="2" framespacing="0"> <frame src="top.html" name="topFrame" scrolling="No" id="topFrame" title="topFrame" /> <frameset rows="*" cols="478,*" framespacing="0" border="2"> <frame src="left.html" name="leftFrame" id="leftFrame" title="leftFrame" /> <frame src="content.html" name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset> </frameset> <noframes><body> </body> </noframes></html>
-
отступ "0"
-
html код: <body> <div id="wrapper"> <div id="block"> <p>Супер текст</p> </div><!--#header--> </div><!--#wrapper--> </body> css код: #wrapper {margin: 0 auto; width: 800px;} #block {height: 150px; background: #009933;} #block p {text-align: center; font-size: 26px; margin-top: 20px; background:#0099FF;} Собственно вопрос: почему margin-top для "p" делает отступ от окна браузера, а не от блока #block.