bogdaniman
-
Posts
5 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by bogdaniman
-
Искал, аналогичной темы не нашел, помогите новичку!
bogdaniman replied to bogdaniman's question in HTML Coding
Классная штука! Спасибо! -
Искал, аналогичной темы не нашел, помогите новичку!
bogdaniman replied to bogdaniman's question in HTML Coding
Спасибо за отклик, сейчас ознакомлюсь! -
Искал, аналогичной темы не нашел, помогите новичку!
bogdaniman replied to bogdaniman's question in HTML Coding
Тут у форума тематика соответствующая, думаю можно обойтись без скайпа. Если есть что-то по существу вопроса, буду очень благодарен прочитать ваш совет на форуме, иначе извините.. -
Искал, аналогичной темы не нашел, помогите новичку!
bogdaniman replied to bogdaniman's question in HTML Coding
Ну кто-нибудь, подскажите!.. Наверняка какая-нибудь мелочь не доделана или сделана не так... Очень нужно!!! -
Здравствуйте! Нужна помощь, верстаю пробную страничку блоками в html+css. Как вставить принтскрин не понял, поэтому извините. Суть вопроса в чем, во всех уроках рассказывается, как создавать блочные сайты с использованием css, но только почему-то с фиксированными размерами и положением блоков в пикселях. Это мне все понятно, а вот как делать "резиновый" дизайн с использованием все тех же css-блоков??? Код прикрепляю, у меня там практически все получается, кроме блока "main", в котором находятся два подблока "content" и "banner". Не могу догадаться как сделать их "резиновыми" и растянуть до блока "bottom"... Помогите пожалуйста. Заранее благодарен и извиняюсь если что коряво пояснил... мой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>??????? ????</title> <style type="text/css"> body{background:#fff} #head{height:150px; width:100%; left:0px; top:0px} #menu{background-color:#fefdd5; border-bottom:1px solid; border-top:1px solid; height:20px; width:100%; position:absolute; left:0px; top:auto; padding-bottom:5px; padding-top:5px; text-align:center} #menu a{color:975209; text-decoration:none; font:1em bold Tahoma, sans-serif} #menu a:hover{text-decoration:underline} #main{position:absolute; left:0px; top:183px; width:100%; height:auto} #content{position:absolute; width:90%; height:100%; left:0px; top:0px; text-align:justify; float:left} #content p{padding:50px} #banner{background-color:#fefdd5; text-align:center; width:10%; height:100%; padding-top:50px; float:right} #bottom{background-color:#fefdd5; border-top:1px solid; height:25px; width:100%; position:absolute; left:0px; bottom:0px; padding-top:4px; text-align:center; float:left} </style> </head> <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"> <div id="head"> <img src="images/head.gif" align="right"> </div> <div id="menu"> <a href="#">??? ???</a> || <a href="#">????? ? ???????</a> || <a href="#">?????</a> </div> <div id="main"> <div id="content"> <p> ...ПРИМЕР ТЕКСТА... </p> </div> <div id="banner"> <img src="images/banner100.gif" width="100" height="100" border="0"> <br><br> <img src="images/banner100.gif" width="100" height="100" border="0" alt=""> <br><br> <img src="images/knop1.gif" width="88" height="31" border="0"> <br><br> <img src="images/knop2.gif" width="88" height="31" border="0"> </div> </div> <div id="bottom"> © 2012 ????????? ??????. </div> </body> </html>