breezyday27
-
Posts
1 -
Joined
-
Last visited
breezyday27's Achievements
Explorer (1/14)
0
Reputation
-
Всех приветствую, я новичок в это ремесле. Вот начал верстать этот простенький макет: Как видите макет простой. Вот код моего творения( html и css). <!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" lang="ru-RU"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка сайта</title> <link rel="stylesheet" href="st.css" type="text/css" /> <link rel="stylesheet" href="bootstrap.css" type="text/css" /></head><body><div id="wraper"> <div id="header"> <div id="logo"> </div> <div id="search"> </div> <div id="phone"> </div> </div> <div id="content"> </div> <div id="sidebar"> </div><div id="sidebar"> <ul id="menu"> <li><a href="">Пластиковые окна</a></li> <li><a href="">Лоджии и балконы</a></li> <li><a href="">Услуги</a></li> <li><a href="">Акции</a></li> <li><a href="">Мобильныйы офис</a></li> <li><a href="">Вызов замерщика</a></li> <li><a href="">Контакты</a></li> <li style="margin-top: 20px;"><a href="">Доступные цены</a></li> <li style="margin-top: 20px;"><a href="">Варианты остекления</a></li> </ul> <div id="order"> <h3>Записаться на бесплатный замер</h3> <div id="order_text">Оставьте свои данные, и мы свяжемся <br/> с Вами в удобное для Вас время</div> <table> <tr> <td>Имя:</td><td><input type="text" name="name" value=""/></td> </tr> <tr> <td>Телефон:</td><td><input type="text" name="phone" value=""/></td> </tr> <tr> <td>Время<br/>звонка:</td><td><input type="text" name="date" value=""/></td> </tr> </table> <div id="contacts"> </div></div></div><div id='footer'><div class='link'></body></html>#logo{float:left;background: url('images/images/logo.jpg');width: 300px;height: 100px;margin-left:250px;}#search{float:left;background: url('images/images/search.jpg');width: 540px;height: 100px;margin-right:1px;}#phone{float:left;background: url('images/images/phone.jpg');width: 190px;height: 100px;}#sidebar{float: left;width: 240px;height: 1091px;}#menu{background:white ;margin-top: 0px 10px 0px 0px;float:right;text-align: right;list-style: none;}#menu li{margin-top: 7px;}#menu a{color: black;font-family: Arial;font-size: 17px;font-weight: 100;text-decoration: underline;}#menu a:hover{color: red;font-family: Arial;font-weight: 200;}#b_order{float:left; /*background: url('images/order.jpg');*/ margin-top: 30px;width: 240px;height: 280px;}#order{color:black;margin-top: 10px;margin-left: 6px;margin-left: 0px;float:left; /*opacity: 0.7;*/width: 230px;height: 280px;}#order h3{margin:12px 30px 0px 5px;margin-right:10px;margin-top:12px;text-align: right;float:right;width: 150px;font-family: Arial;font-size: 14px;}#order_text{margin:7px 30px 1px 5px;margin-top:7px;margin-right:10px;float:right;width: 190px;text-align: right;font-family: Calibri;font-size: 11px;}#order table{margin:0px 0px 11px 12px;width: 190px;font-family: Calibri;font-size: 14px;}#order td{padding-top: 10px;}#order a{margin: 0px 0px 0px 13px;font-family: Calibri;font-weight: 600;font-size: 14px;}#back_yellow{float:left;padding-top: 5px;margin: 0px 2px 0px 3px; background: url('images/yellow_button.png') no-repeat;width: 91px;height: 30px;}#order input{height: 17px;width: 130px;font-family: Calibri;font-size: 14px;}#content{float:right;width: 750px;padding-top: 1100px;}#contacts .skype{background: url('images/skype.jpg') no-repeat 0px 5px;padding-left: 24px;width: 70px;height: 20px;margin-top:100;}#contacts .icq{background: url('images/icq.jpg') no-repeat 0px 5px;padding-left: 24px;width: 70px;height: 20px;}#contacts .vkontakte{background: url('images/vk.jpg') no-repeat 0px 5px;padding-left: 24px;width: 100px;height: 20px;}#contacts .facebook{background: url('images/facebook.jpg') no-repeat 0px 5px;padding-left: 24px;width: 100px;height: 20px;}#house {height:276px;width:710px;background: url('images/content1.jpg')} Как видно из моего примера проблема в контенте и футере, и в меню контакты.(еще куча недочетов).