Makcik
-
Posts
14 -
Joined
-
Last visited
Makcik's Achievements
Explorer (1/14)
0
Reputation
-
не 24 а 23 слоя. у меня проблемы с тремя слоями, а что остальные так сильно мешали??, это было для наглядности, чтоб легче было понять как должно все выглядеть. ну уж если вам так хочется, пожалуйста сократил: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>title here</title> <link rel="stylesheet" href="shablon.css" type="text/css"> </head> <body> <div id="container">div container <div id="wrapper"></div> <div id="navigation">div navigation <div id="cou">counters...</div> </div> <div id="extra">div extra <div id="tah-bol">tah-bol...</div> </div> <div id="footer" align="center">footer</div> </div> </body> </html> html,body{ margin:0; padding:0 } body{ font: 76% Verdana; } div#navigation{ background: #DCDCDC; } div#extra{ background:#fff } div#footer{ background: #DAA520; color: #000 } div#wrapper{ float:left; width:100%; background: Aqua; } div#navigation{ float:left; width:230px; margin-left:-100%; border: 0px solid; background: #E6E6FA; } div#extra{ float:left; width:25%; margin-left:-25%; background: Red; } div#footer{ clear:left; width:100% } #cou{ width: 111px; height: 24px; background: Red no-repeat fixed bottom left; margin-left: 10px; } #tah-bol{ float: right; width: 177px; background: #87CEEB; clear: both; bottom: 0; } #container{ background: #D2B48C; }
-
поправил
-
коменты для себя на данный момент, сейчас убрал. да, а что в коде не так?? это мне все нужно.
-
сделал каркас /коменты убрал./ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>title here</title> <link rel="stylesheet" href="shablon.css" type="text/css"> </head> <body> <div id="container"> <div id="header">header <div id="baner" align="center">baner</div> </div> <div id="vrezka"> <div id="polosa">poloska</div> <div id="men-css"> <div id="container">vertical menu css</div> </div> </div> <div id="wrapper"> <div id="content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> </div> <div id="navigation"> <div id="men">menu</div><div id="cou1">...</div> <div id="new">news</div><div id="cou1">...</div> <div id="seac">search</div><div id="cou1">...</div> <div id="cou">counters</div><div id="cou1">...</div> </div> <div id="extra"> <div id="tah-mal">tah-mal...</div> <div id="for-m">form</div> <div id="tah-bol">tah-bol...</div> </div> <div id="footer" align="center"><p>footer</p> </div> </div> </body> </html> стили для него html,body{ margin:0; padding:0 } body{ font: 76% Verdana; } p{ margin:0 10px 10px } div#header{ height:101px; line-height:80px; margin:0; padding-left:0px; background: #FFD700; color: #79B30B; } div#baner{ border: none; padding-top: 10px; background: Green; } div#content p{ line-height:1.4 } div#navigation{ background: #DCDCDC; } div#extra{ background:#fff } div#footer{ background: #DAA520; color: #000 } div#footer p{ margin:0; padding:5px 10px } div#wrapper{ float:left; width:100% } div#content{ margin: 0 25%; border-left: 1px solid Black; background: #F0E68C; } div#navigation{ float:left; width:230px; margin-left:-100%; border: 0px solid; background: #E6E6FA; } div#extra{ float:left; width:25%; margin-left:-25%; background: Red; } div#footer{ clear:left; width:100% } #men{ width: 111px; height: 24px; background: #CD853F no-repeat fixed bottom left; margin-left: 10px; } #new{ width: 111px; height: 24px; background: #FFC0CB no-repeat fixed bottom left; margin-left: 10px; } #seac{ width: 111px; height: 24px; background: #DDA0DD no-repeat fixed bottom left; margin-left: 10px; } #cou{ width: 111px; height: 24px; background: Red no-repeat fixed bottom left; margin-left: 10px; } #cou1{ padding: 5px 5px 5px 0px; margin-left: 10px; border: 0px solid; background: #9ACD32; } #tah-bol{ float: right; width: 177px; background: #87CEEB; clear: both; bottom: 0; } #tah-mal{ float: right; width: 46px; background: #00FF7F no-repeat fixed bottom right; } #for-m{ float: right; width: 25%; background: Yellow; } #vrezka { background: #ccff99; width: 100%; margin: 5px 0 5px 0; padding: 0 0 0 0; } #polosa { float: left; width: 25%; background: #F5DEB3; } #men-css { margin-left: 225px; background: #ccff99; } #container{ background: #D2B48C; } надо притянуть div id="cou" к div id="footer", и соответственно с правой стороны так же, div id="tah-bol" к div id="footer". но у меня не получается, подскажите пожалуйста как это сделать.
-
html : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <link rel="stylesheet" href="style02.css" type="text/css"> </head> <body> <div id="q"> <div id="w">head</div> <div id="e"> <div>poloska</div> <div>menu css</div> </div> <div id="r"> <div> <div>menu</div> <div>news</div> <div>search</div> <div>counter</div> </div> <div id="t">content</div> <div id="y"> <div>tah_mal</div> <div>forma</div> <div>tah_bol</div> </div> </div> <div id="s">footer</div> </div> </body> </html> файл css: #q{ border: 1px; display: block; position: absolute; top: 0px; left:0px; } #w{ border: 1px solid; width: 800px; height: 101px; display: block; position: absolute; top: 1px; left: 1px; } #e{ border: 1px solid; width: 800px; height: 15px; display: block; position: absolute; top: 101px; left: 1px; } #r{ border: 1px solid; width: 150px; display: table; position: absolute; top: 121px; left: 1px; } #t{ border: 1px solid; width: 473px; display: block; position: absolute; top: 121px; left: 151px; } #y{ border: 1px solid; width:177px; display: block; position: absolute; top: 121px; left: 624px; } #s{ border: 1px solid; width: 800px; height: 15px; height: 20px; display: block; position: absolute; top: 100%; left: 1px; }
-
Добрый день, со слоями ни разу не работал, прочитал статьи, но не совсем понимаю как все таки с ними работать.. Вот мне надо сделать такой скелет: __________________________ |__________header__________| |_____|_______________|_____| |_____| |_____| |_____| |_____| |_____| content | | |_____|_______________|_____| |_________footer____________| В общем у меня получаются проблемы с позиционированием слоев, все разезжается, либо не станолвиться в ряд ДИВ'ы. Помогите сделать скелет, дальше я сам буду пробывать разбираться.
-
Спасибо за разъяснения, кусочег кода было не обязательно, все сразу понял.
-
Да нет не обидели, но основной вопрос так и остался не ясен, та "лажа" исправлена, но текст все равно уезжает в сторону.
-
на какую лажу? что вы имеете в виду? ______ Так что, никто не поможет?
-
В общем так, сначало было так http://www.zemlemer.org/firma.html , а после добавления в шапку еще одного изображения получилось так http://zemlemer.org/test1.html разницу видите? и я тоже, и вот не могу понять что я там натворил..
-
что все так плохо??
-
вот ссылка на страничку http://zemlemer.org/test1.html
-
Не совсем понял, в какие "другие tr" добавить?
-
Доброе время суток, вот была таблица <table bgcolor="#FFFFFF" width="790" height="100%" cellspacing="0" cellpadding="0" border="0"> <!--start logo--> <tr> <td colspan="3" width="790" height="150" valign="top" background="images/centr.gif"><img id="logo" src="images/lev.gif" width="346" height="150" align="left" hspace="0" alt=""><img src="images/lr-1.jpg" width="135" height="150" align="right" hspace="0" alt=""></td> </tr> <!--end logo--> потом добавил еще картинку и отсновной текст, ниже этой таблицы разползся в ширину <table bgcolor="#FFFFFF" width="790" height="100%" cellspacing="0" cellpadding="0" border="0"> <!--start logo--> <tr> <td colspan="4" width="790" height="150" valign="top" background="images/centr.gif"><img id="logo" src="images/lev.gif" width="346" height="150" align="left" hspace="0" alt=""><img src="images/10let.gif" width="300" height="150" align="left" hspace="4" alt=""><img src="images/lr-1.jpg" width="135" height="150" align="right" hspace="0" alt=""></td> </tr> <!--end logo--> никак не могу понять почему? Объясните пожалуйста!