Benya-a
-
Posts
8 -
Joined
-
Last visited
Benya-a's Achievements
Explorer (1/14)
0
Reputation
-
Доброго времени суток, возникли трудности с верстко
-
А если из-за контента будет высота сайта меняться?
-
Здравствуйте, как можно реализовать фон вне wrappera (по бокам)? http://img.uz/s?e2of40h
-
Здравствуйте, как можно сделать данную линию? Вижу один способ: - линию отдельно в div. Есть ли свойство у border, чтобы можно было задать цвет bordera не во всю ширину? http://postimage.org/image/oj6exl4f5/ Просмотрел как сделано у Google: http://www.google.ru/intl/ru/about/ background: url("data:image/png;) no-repeat right bottom;
-
Здравствуйте, коллеги! При блочной верстке я использую способ position: relative и указываю пиксели и тд. Иногда у меня получается все разместить как нужно. Однако, это не выход, к каждому блоки использовать position. Какими способами вы пользуетесь?
-
Спасибо огромное за обратную связь. Вчера удалил все и начал заново собирать по кускам. Уже лучше. Однако есть вопросы. Что имею на данный момент: 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> <meta charset="utf-8"> <link rel="stylesheet" href="css/style.css" /> <title>First site</title> </head> <body> <div class="wrap"> <div class="header"> <img src="img/logo.png"> <ul class="nav"> <li><a href="#">HOME</a></li> <li><a href="#">PRODUCT</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">BLOG</a></li> <li><a href="#">CONTACT</a></li> </ul> <ul class="nav2"> <li><a href="#">B<span>ack to home</span></a></li> <li><a href="#">W<span>hat we have for you</span></a></li> <li><a href="#">T<span>hings we do</span></a></li> <li><a href="#">F<span>ollow our updates</span></a></li> <li><a href="#">W<span>ays to reach us</span></a></li> </ul> </div> <div class="content"> <div class="banner"> <img src="img/main_background.png"> </div> </div> <div class="footer"> </div> </div> </body> </html> CSS: * { margin: 0; padding: 0; } body { min-width: 1600px; width: 100%; height: 1600px; margin: 0px auto; font-family: helvetica; } .wrap { width: 940px; margin: auto; background: grey; } .nav a, .nav2 a { text-decoration: none; text-transform: uppercase; padding-left: 5px; } .nav2 a span { font-size: 10px; text-transform: lowercase; } .nav, .nav2 { list-style: none; width: 532px; float: right; padding-top: 20px; } .nav li, .nav2 li { text-align: center; display: inline; border-left: 1px dotted #bcbcbc; width: 520px; } .header img { float: left; } .banner { } .banner img { padding-top: 22px; } Вопрос, залить фон сзади данной картинки?
-
Доброго времени суток! Новичок, первый макет с которого начал верстать. Оригинал: На данный момент (что имеется): Вопросы: 1. Как лучше реализовать пункты меню? (Далее будет код) 2. Черная плашка. Как ее реализовать? 3. Общие комментарии. HTML: <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="content"> <div class="header"> <img src="img/logo.png"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">PRODUCTS</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">BLOG</a></li> <li><a href="#">CONTACT</a></li> </ul> <ul class="small"> <li><a href="#">Back to home</a></li> <li><a href="#">What we have for you</a></li> <li><a href="#">Things we do</a></li> <li><a href="#">Follow for our updates</a></li> <li><a href="#">Ways to reach us</a></li> </ul> </div> <img src="img/main_background.png"> </div> </body> </html> CSS: body { margin: 0px auto; font-family: helvetica; } .content { background-color: #a3cdcc; width: 940px; height: 1600px; margin: 0px auto; } .header img { float: left; } .header ul { margin: 0px; padding: 0px; width: 531px; float: right; padding-top: 40px; } .header ul li a { text-decoration: none; color: #666; padding-left: 10px; padding-right: 10px; height: 17px; border-left: 1px dotted #999; } .header ul li { display: inline; width: 66px; } .small { font-size: 0.5em; } .small ul { padding-top: -20px; clear: both; } Благодарю за содействие! Буду писать сюда, как и что делаю, чтобы получать ОС.