Kos87

посмотри тут http://forum.htmlbook.ru/index.php?showtopic=16759 может поможет

вот мой вариант, у меня работает @charset "utf-8"; html{background-color:#fff; color:#000; margin:0; padding:0; height:99%;} body{font-family:Arial, Helvetica, sans-serif; margin:0 auto; padding:0; width:900px; height: auto !important; height: 100%; min-height: 100%; position: relative;} #header{width:900px; height:123px; background:url(diz/head.png) no-repeat center; margin:5px 0 15px 0;} #content{font-size:100%; color:#666666; padding-bottom:90px;} #footer{text-align:center;width:100%; position: absolute; bottom:0; margin:0 0 20px 0;}

внесенные мной изменения #menu{text-align:center;} теперь вроде работает

спасибо вот новый код CSS: #menu{margin-left:auto; margin-right:auto;} a.menu{display:inline-block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat;} a.menu:hover{background-position:0 -40px; position: relative; top: 3px;} a.menu_on{display:inline-block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat; background-position:0 -40px;} a.menu_on:hover{position: relative; top: 3px;} a.main{background-image: url(diz/main.jpg);} a.uslugi{background-image: url(diz/uslugi.jpg);} a.zapchasti{background-image: url(diz/zapchasti.jpg);} a.foto{background-image: url(diz/foto.jpg);} a.kontaktu{background-image: url(diz/kontaktu.jpg);} xhtml: <div id="menu"> <a href="http://www.reichauto.com.ua" class="menu_on main"></a> <a href="http://www.reichauto.com.ua/uslugi.html" class="menu uslugi"></a> <a href="http://www.reichauto.com.ua/zapchasti.html" class="menu zapchasti"></a> <a href="http://www.reichauto.com.ua/foto.html" class="menu foto"></a> <a href="http://www.reichauto.com.ua/kontaktu.html" class="menu kontaktu"></a> </div> но я теперь не могу добиться выравнивания по центру .... ?? вот как оно выглядит http://www.reichauto.com.ua/kontaktu.html

float не конает, меню потом надо выровнять по центру, с float я не знаю как это сделать a.menu{display: inline;} а на поведение меню это не повлияет?? влияет на поведение меню

Вот собственно код меню CSS: #menu p{margin:0; display:inline;} a.menu{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat;} a.menu:hover{background-position:0 -40px; position: relative; top: 3px;} a.menu_on{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat; background-position:0 -40px;} a.menu_on:hover{position: relative; top: 3px;} a.main{background-image: url(diz/main.jpg);} a.uslugi{background-image: url(diz/uslugi.jpg);} a.zapchasti{background-image: url(diz/zapchasti.jpg);} a.foto{background-image: url(diz/foto.jpg);} a.kontaktu{background-image: url(diz/kontaktu.jpg);} xhtml: <div id="menu"> <p><a href="http://www.reichauto.com.ua" class="menu_on main"></a></p> <p><a href="http://www.reichauto.com.ua/uslugi.html" class="menu uslugi"></a></p> <p><a href="http://www.reichauto.com.ua/zapchasti.html" class="menu zapchasti"></a></p> <p><a href="http://www.reichauto.com.ua/foto.html" class="menu foto"></a></p> <p><a href="http://www.reichauto.com.ua/kontaktu.html" class="menu kontaktu"></a></p> </div>

вот тут я этот способ нашел но все в пордят не стал тупо перекатывать http://xhtml.ru/2005/10/18/footer-stick/ что упустил?..

нет, без него никак. ток что пробовал. мда... что есть он что нету ... http://help-team.com.ua/klientu.html лажа ... что делать?? ставить абсолют но указывать какие то доп размеры? вот тут я этот способ нашел но все в пордят не стал тупо перекатывать http://xhtml.ru/2005/10/18/footer-stick/

спасибо! может кому понадобится, сменил position: absolute; на position: relative; : @charset "utf-8"; html{background-color:#fff; color:#000; margin:0; padding:0;} body{margin:0 auto; padding:0; width:900px; height:100%;} #header{width:900px; height:123px; background:url(diz/head.png) no-repeat center; margin:5px 0 20px 0;} #content{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666666; padding-bottom:50px;} #footer{text-align:center; background-color:#0099FF; width:900px; height: 50px; position: relative; bottom:0; margin:0;} подводных камней быть ведь не должно?

спасибо! тут по ходу еще одна проблема всплыла вот http://help-team.com.ua/ что я пропустил?.. у меня ноут 15", вот скрин проблемы http://pix.academ.org/img/2009/10/23/d249b...0ba74f9fd94.png

вот часть кода CSS: @charset "utf-8"; html{background-color:#fff; color:#000; margin:0; padding:0;} body{margin:0 auto; padding:0; width:900px; height:100%;} #header{width:900px; height:123px; background:url(diz/head.png) no-repeat center; margin:5px 0 20px 0;} #content{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666666; padding-bottom:50px;} #footer{text-align:center; background-color:#0099FF; width:900px; height: 50px; position: absolute; bottom:0; margin:0;} вроде зазора снизу ну никак быть не должно. а он есть, и полоса прокрутки появляется. подскажите где не так?? вот сайт http://help-team.com.ua/klientu.html

спасибо ))

то есть идет наследование куска имени класса? и если я правильно понял то дальше будет так : a.car:hover {background-position:0 -200px;} правильно? а вот тут <a class="car opel"> то есть это как правило: можно комбинировать классы, и они получают свойства обеих классов??

ну селектор то у меня один а классов несколько. как их правильно перечислить??

вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-position:0 -200px;} a.skoda {display:block; background-image: url(diz/skoda.png); width:200px; height:199px; background-repeat: no-repeat;} a.skoda:hover {background-position:0 -200px;} a.suzuki {display:block; background-image: url(diz/suzuki.png); width:200px; height:199px; background-repeat: no-repeat;} a.suzuki:hover {background-position:0 -200px;} a.nissan {display:block; background-image: url(diz/nissan.png); width:200px; height:199px; background-repeat: no-repeat;} a.nissan:hover {background-position:0 -200px;} a.daewoo {display:block; background-image: url(diz/daewoo.png); width:200px; height:199px; background-repeat: no-repeat;} a.daewoo:hover {background-position:0 -200px;} не пойму как перечислить классы и один раз прописать им одинаковые свойства? искал, не нашел ...

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

за что отвечает вот эта часть base64,AAAA из вот этого кода ЦСС #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

ок. сделал. вот что вышло http://www.reichauto.com.ua/uslugi.html но у меня картинка при нажатии появляется а потом почему то становится темной уже нашел в чем дело было *{background-color:#000000;}

та я ж на нем и сидел, просто вопрос такого плана: оно юзает изображение как есть и просто в привьюве оно его не ужимает по размеру а просто вгоняет в рамки??? я искал и сейчас ищу инфо, но буду благодарен если мне помогут, тем более что я в ява скриптах ваще ноль ... сейчас я хтмл и цсс юзаю.

слимбокс отпал. думаю над вот этим http://www.huddletogether.com/projects/lightbox2 но снова вопрос хав ит ворк? О_о

хочу сделать так чтоб нужные картинки при щелчке на них увеличивались. скачал скрипт slimbox тока куда его и как его прописать??? О_О вот скрипт скачанный мной http://www.reichauto.com.ua/slimbox.zip

подскажите как прописать ? скачал "slimbox"

та же беда вот код который я прописал: <link rel="icon" href="diz/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="diz/favicon.ico" type="image/x-icon" /> ИЕ не показывает ... что делать? может где ошибка или какой нюанс упустил? вот сам сайт http://www.reichauto.com.ua/

уже все сделал. все работает. всем спасибо! больше способов нету?

помогите советом есть меню вот здесь http://www.reichauto.com.ua/ сделано стилями проблема в том что заменяющая картинка подгружается только при наведении на нее мышкой. как это можно исправить, чтобы при загрузке страницы подгружались все картинки для меню?