ret
-
Posts
71 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by ret
-
Ок, я сделал, как понимаю, проблема есть знаю, просьба пояснить. Картинки не отображаются. <style type="text/css"> #menu { width:320px; height:120px; } #menu li { float:left; list-style-type: none; } #menu .knopka1 { width:160px; height:60px; background:url(1.jpeg) no-repeat; } #menu .knopka2 a:hover { width:160px; height:60px; background:url(2.jpeg) no-repeat; } </style> </head> <body> <div id="menu"> <ul> <li><a class="knopka1" href="#"></a></li> <li><a class="knopka2" href="#"></a></li> </ul> </div>
-
у меня как раз проблема в стилях, то картинка не отображается то еще что-то. Поэтому я и прошу привести пример, чтобы сразу разобраться.
-
Да это конечно хорошо, но мне бы хотелось допустил так: <div id="menu" <ul> <li><a class="knopka1" href="#">rgv</a></li> <li><a class="knopka2" href="#">rgeg</a></li> </ul> </div> с картинками кнопки, с hover и чтоб ничего лишнего небыло и все!
-
ААА я замучался уже, да на UL Ll делал вот столько сайтов пересмотрел, на одном ошибки, на другом непонятно ничего, у всех какие-то разные приемы. Мне всего-то нужно сделать меню на UL Ll с классами, чтоб меню из картинок состояло, горизонтальное и вертикальное все! Может кто-нибудь привести просто от балды код, который бы работал на данных требованиях, поясняя, а то я так замучаюсь! Зарание спасибо!
-
И что именно там учить?
-
Это еще что?
-
на самом сайте htmlbook.ru стоит горизонтальное меню
-
не могу у мя все данные на другом компе. Вот код <html> <head> <title>Меню на CSS</title> <style> body { font-family: verdana, sans-serif; font-size:13px; } #menu_graf { width:100px; background:#0000FF;} #menu_graf a { text-decoration:none; } #menu_graf div { width:100px; height:30px; cursor:pointer; } #menu_graf a.knopka1 { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1 div { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1:hover { background: url("images/button_1_hover.gif") no-repeat; } #menu_graf a.knopka1:hover div { background: url("images/button_1_hover.gif") no-repeat; } #menu_graf a.knopka2 { background: url("images/button_2.gif") no-repeat; } #menu_graf a.knopka2 div { background: url("images/button_2.gif") no-repeat; } #menu_graf a.knopka2:hover { background: url("images/button_2_hover.gif") no-repeat; } #menu_graf a.knopka2:hover div { background: url("images/button_2_hover.gif") no-repeat; } #menu_graf a.knopka3 { background: url("images/button_3.gif") no-repeat; } #menu_graf a.knopka3 div { background: url("images/button_3.gif") no-repeat; } #menu_graf a.knopka3:hover { background: url("images/button_3_hover.gif") no-repeat; } #menu_graf a.knopka3:hover div { background: url("images/button_3_hover.gif") no-repeat; } #menu_graf a.knopka4 { background: url("images/button_4.gif") no-repeat; } #menu_graf a.knopka4 div { background: url("images/button_4.gif") no-repeat; } #menu_graf a.knopka4:hover { background: url("images/button_4_hover.gif") no-repeat; } #menu_graf a.knopka4:hover div { background: url("images/button_4_hover.gif") no-repeat; } </style> </head> <body> <div id="menu_graf"> <a class="knopka1" href="#"><div> </div></a> <a class="knopka2" href="#"><div> </div></a> <a class="knopka3" href="#"><div> </div></a> <a class="knopka4" href="#"><div> </div></a> </div> </body> </html> Мне надо сделать только чтобы следующие классы разпологались вертикально, а не как по умолчание-горизонтально. Может что-то прописать в классах кнопки2,3,4? Должно получится обычное горизонтальное меню состоящее из картинок, мне всего лишь надо сдвинуть как-то классы, чтобы было все в одну строку. Если хотите могу дать ссылку на источник где я это нашел, просто там не описывается как сделать горизонтальное меню.
-
В общем мне нужно чтобы меню в css разпологалось горизонтально, оно состоит из рисунков и разбито на классы. #menu_graf { width:100px; background:#0000FF;} #menu_graf a { text-decoration:none; } #menu_graf div { width:100px; height:30px; cursor:pointer; } #menu_graf a.knopka1 { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1 div { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1:hover { background: url("images/button_1_hover.gif") no-repeat; } #menu_graf a.knopka1:hover div { background: url("images/button_1_hover.gif") no-repeat; } А вот следующая кнопка разпологается сразу после предыдущего, как сделать чтобы было горизонтально. #menu_graf a.knopka2 { background: url("images/button_2.gif") no-repeat; } #menu_graf a.knopka2 div { background: url("images/button_2.gif") no-repeat; } #menu_graf a.knopka2:hover { background: url("images/button_2_hover.gif") no-repeat; } #menu_graf a.knopka2:hover div { background: url("images/button_2_hover.gif") no-repeat; } <div id="menu_graf"> <a class="knopka1" href="#"><div> </div></a> <a class="knopka2" href="#"><div> </div></a> <a class="knopka3" href="#"><div> </div></a> <a class="knopka4" href="#"><div> </div></a> </div>
-
Можно просто поставить единую картинку, как шапку, и с помощью тега <map> указать конкретные области для карт-изображений на ссылки у тебя на меню.
-
http://hoax111.narod.ru/index.html вот покликай на кнопку home там внизу где надпись Новости, вот этот блок мелькает, в опере.
-
Ммм про какой перевод строки ты говоришь?
-
А насчет загрузки, я заметил что когда "мелькает" эта часть, то именно мелькает тогда, когда вставляешь туда банеры, а когда просто текст стоит все нормльно, к тому же в остальных браузерах тоже норм. Проблема на Опере. Может быть проблема в позиционировании? Просто это единственная область, куда я вставляю(на картинку) текст,баннеры и использую при этом ( чтобы все ровно стояло) у боди position:relative; А на блоке(рисунке)на который надо ставить текст, баннер, тоже position:relative; Блоки которые и есть текст, и баннер=== position:absolute; В общем не знаю
-
В общем получилось текс и картинки не смещаются, вот только теперь такой вопрос, у меня ведь все части сайта разбиты на блоки(div), почему тогда у меня в ие показывает расстояние между ними? Ведь у меня вставлено :*{margin:0px;padding:0px;border:none;outline:none;}
-
Просто на блоке #osnovnaobl { width:1020px; height:866px; position:relative; margin:0 auto 0 auto; } как раз все смещается, и он же так загружается, главное сама картинка пропадает, а текст остается.
-
help
-
-
1.В общем сверстал на дивах сайт, все вроде бы хорошо,вот только проблема с загрузкой, меня просто раздражает, когда один блок(с рисунком) на котором расположен основной контент исчезает на 1 сек, как бы мелькает,раньше эта проблема была почти на всех блоках которые не вставлены через img, теперь все сделал нормально,но все-равно этот блок так загружается когда переходишь на другую страницу. 2.У меня почему-то в ИЕ все что расположенно на блоке (о котором писал выше) а именно баннер, текст все съезжает вниз.Причем в Опере и в МФ все норм.
-
СПАСИБО!!!
-
-
В общем у меня есть картинка, поверх ее нужно вставить банеры и текст. Можно ли как-нибудь наложить div на div? Т.е. на картинку текс, и анимацию, всмысле как именно все это расположить? Если будут примеры, просьба подробно все описать. Зарание спасибо!