Jump to content

venrt

Newbie
  • Posts

    3
  • Joined

  • Last visited

Everything posted by venrt

  1. Говорю ж вначале для пробы написал, а потом забыл убрать, но, да, поставил значение в пикселях. И еще вопрос: как возможно сделать края поля "поиск" растушированными, у меня только возникает идея по поводу вставки картинки, может есть другой способ?
  2. Спасибо за помощь. =) это было написано вначале для пробы и потом забыл изменить на нужно значение а как лучше его сместить вниз на нужное место: с помощью того же top: ?px; /* сдвигая на определенные пикселы */ или же margin-top: -? px; /* отступ снизу от края header-bg */ ?
  3. Добрый день, дорогие форумчани! Сразу извиняюсь за возможно корявый код, это мой самый первый сайт, и то что привожу его прямым текстом, а не даю веб-ссылку (да я прочел ваши пожелания). Помогите пожалуйста с написанием кода для данного хедера: Имеется следующее: сам сайт будет фиксированной ширины 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> и необходимые картинки если нужно:
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy