venrt
-
Posts
3 -
Joined
-
Last visited
venrt's Achievements
Explorer (1/14)
0
Reputation
-
Говорю ж вначале для пробы написал, а потом забыл убрать, но, да, поставил значение в пикселях. И еще вопрос: как возможно сделать края поля "поиск" растушированными, у меня только возникает идея по поводу вставки картинки, может есть другой способ?
-
Спасибо за помощь. =) это было написано вначале для пробы и потом забыл изменить на нужно значение а как лучше его сместить вниз на нужное место: с помощью того же top: ?px; /* сдвигая на определенные пикселы */ или же margin-top: -? px; /* отступ снизу от края header-bg */ ?
-
Добрый день, дорогие форумчани! Сразу извиняюсь за возможно корявый код, это мой самый первый сайт, и то что привожу его прямым текстом, а не даю веб-ссылку (да я прочел ваши пожелания). Помогите пожалуйста с написанием кода для данного хедера: Имеется следующее: сам сайт будет фиксированной ширины 1024px и располагаться по центру страниц, хедер решил сделать слегка резиновым), а именно картинки бабочек и печенек сделал repeat-x, но основная часть та, что на картинке, располагается по центру страницы. Проблема заключается в том, что не могу поставить поле поиска в нужное место, оно у меня уезжает вместе с расширением окна браузера. и собственно вот код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Магазин</title> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/Venecia_400.font.js"></script> <script type="text/javascript"> Cufon.replace("body"); </script> <style type="text/css"> body {margin: 0px;} header { display: block; background: #fbe4bb ; } .header-bg { background: url(img/header-bg.png) repeat-x center top; height:300px; text-align: center; } .header-bg img { position: relative; top: 10px; left: 15px; } .poisk { position: absolute; width: 200px; height: 44px; top: 10%; right: 3.6%; background: #d1be90; text-align: left; font-size: 18pt; } </style> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <!--[endif]--> </head> <body> <header> <div class="header-bg"> <a href="/"><img src="img/header-title.png" alt="Авторская бижутерия Эля Ручка" /></a> <div class="poisk">поиск</div> </div> </header> </body> </html> и необходимые картинки если нужно: