Хелкар

таааак,теперь тот же самый вопрос возник с боковой менюшкой. хочется тчобы она стояла на месте(тогда можно будет только бекграунд подрисовать чтоб на месте меню были финтифлюшки). но менюшка скролится

что то я не подумал что контерн заползает под зафиксированный хедер,но так как он прозрачный то этого не заметно попробую второе, но тут уже начальство говорит что и так сойдет

проблема в том что у меня стоит картинка бекграунда. она не двигается. на этой картинке посередине написан логотип наш. далее на этот логтип закрывает PNGшная картинка прозрачная. и хотелось бы чтобы мой контент при скролинге не наползал на логотип. для этого и нужно чтобы хедер был неподвижен так же как и фон сайта. http://gorohdntv.narod.ru/ вот мой сайтик

теперь такой же вопрос с хедером. #header { margin: auto; background-attachment:fixed; background-image: url(images/main_header1.png); height: 250px; width: 685px; } background-attachment:fixed не помог...

пасиб,что тоя не догадался посомтреть там

на сайте в css написано body { background-attachment:fixed; background-color: #9bc52b; background-image: url(images/background.jpg); font-size: 80%; } как сделать чтобы картинка background.jpg сама растягивалась под любое окно браузера? а то на одном разрешении она нормально, на другом разрешении начинает моститься, а при уменьшении окна браузера она вообще не взалает...

ап теме

нз

я в душе не знаю что такое CMS вот файл стилей и одна из страниц http://www.fayloobmennik.net/1520986 ещё раз напоминаю,что сайт делал до меня предыдущий программист. мне от него осталось наследство,я сам в сайтах ничего не понимаю,так наобум что то тыкаю,потмоу и прошу вас мне помочь.

ну что ребят,никто не поможет? могу для примера страницу ещё положить.

должно быть примерно так должны быть красные блоки, в которых можно меню разместить, информеры и прочее

не получается нифига, всё криво. не понимаю я ничего

дык я потому и спрашиваю в разделе для новичков, потомучто мало что понимаю в пхп. а начальство требует чтоб всё было, не дает время для изучения

был такой сайт: фон и на нем посередине текст и прочее. теперь нужно слева и справа от текста добавить меню. как это сделать? /* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * {margin: 0; padding: 0;} body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top: 4px; text-align: center; } #main_content { background-image: url(images/content_bg.jpg); height: 554px; padding-top: 20px; padding-left: 30px; padding-right: 30px; background-repeat: no-repeat; } #footer { text-align: center; clear: both; border: 1px solid #666666; padding: 20px; background-color: #090; } .float_left {float: left; margin-right: 5px; margin-bottom: 3px;} p {padding-bottom: 25px;} h1 { font-size: 1.6em; font-style: italic; color: #333; margin-left: 250px; padding-top: 15px; } h2 { font-size: 1.6em; border-bottom: 1px solid gray; margin-bottom: 10px; font-style: italic; color: #333; } a:link { color: #00F; text-decoration: none; } /* unvisited link */ a:visited { color: #00F; text-decoration: none; } /* visited link */ a:hover { color: #FC0; text-decoration: none; } /* mouse over link */ a:active { color: #FFFFFF; text-decoration: none; } /* selected link */ #navlist li { display: inline; list-style-type: none; padding-right: 20px; } #container #main_content p { font-family: "Times New Roman", Times, serif; }

спасибо большое

когда у меня было горизонтальное меню - маркеров видно не было, но тебе надо вертикальное. я его сделал но появились маркеры. пробовал убрать - они убираются но меню снова становится горизонтальным. подскажите как убрать маркеры, и оставить вертикальное меню. <div id="menu"> <ul id> <li><a href="index.html">Главная</a></li> <li><a href="contacts.html">Контакты</a></li> <li><a href="nashi_uslugi.html">Наши услуги</a></li> <li><a href="mastera_i_studii.html">Мастера и студии</a></li> <li><a href="dostizheniya.html">Достижения</a></li> <li><a href="fotogalereya.html">Фотогалерея</a> </li></ul> </div>

вот теперь заработало,всем спасибо

естественно) вот так вышло #main_content { background-image: #00FF00 url(images/content_bg.jpg); height: 554px; padding-top: 20px; padding-left: 30px; padding-right: 30px; background-repeat: no-repeat; }

картинка вообще пропла

в css написано следующее #main_content { background-image: url(images/content_bg.jpg); height: 554px; padding-top: 20px; padding-left: 30px; padding-right: 30px; background-repeat: no-repeat; } нужно чтобы картинка растягивалась автоматом по всей длинне страницы. я поставил height: auto; но почему то как было так и осталось. в чем может быть проблема?

надо чтобы было так

получилось следующее

/* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * { margin: 0; padding: 0; } body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.24em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top: 4px; text-align: center; } #main_content { background-image: url(images/content_bg.jpg); height: 554px; padding-top: 20px; padding-left: 30px; padding-right: 30px; background-repeat: no-repeat; } #footer { text-align: center; clear: both; border: 1px solid #666666; padding: 20px; background-color: #090; } .float_left {float: left; margin-right: 5px; margin-bottom: 3px;} p {padding-bottom: 25px;} h1 { font-size: 1.6em; font-style: italic; color: #333; margin-left: 250px; padding-top: 15px; } h2 { font-size: 1.6em; border-bottom: 1px solid gray; margin-bottom: 10px; font-style: italic; color: #333; } a:link { color: #00F; text-decoration: none; } /* unvisited link */ a:visited { color: #00F; text-decoration: none; } /* visited link */ a:hover { color: #FC0; text-decoration: none; } /* mouse over link */ a:active { color: #FFFFFF; text-decoration: none; } /* selected link */ #navlist li { display: inline; list-style-type: none; padding-right: 20px; } #container #main_content p { font-family: "Times New Roman", Times, serif; } вот мои стили

узнал, что если убрать <ul id="navlist"> то меню становится вертикальным. но оно выстраивается поседедине сайта, а не с боку((

проблема такая. на работе до меня был создан сайт. в нем было горизонтальное меню. теперь начальству понадобилось вертикальное. в html мало чего понимаю, в гугле ничего вразумительного не нашел. меню задается на каждой странице вот таким образом <div id="container"> <div id="header"> <p> <!--<h1> </h1>--> </p> <p> </p> </div> <div id="menu"> <ul id="navlist"> <li><a href="contacts.html">Контакты</a></li> <li><a href="nashi_uslugi.html">Наши услуги</a></li> <li><a href="mastera_i_studii.html">Мастера и студии</a></li> <li><a href="dostizheniya.html">Достижения</a></li> <li><a href="fotogalereya.html">Фотогалерея</a></li> <li><a href="news.html">Новости</a></li> </ul> </div> <div id="main_content"> сам сайл сделан полосой по центу,бока залиты фоном. нужно чтобы это меню было с левого бока. что мне где переписать, а то я нуп полный