spn_one
-
Posts
13 -
Joined
-
Last visited
spn_one's Achievements
Explorer (1/14)
0
Reputation
-
подскажите почему данаая конструкция не работает в опере: css : .vhod a{ display:block; background:url(http://jaguar-pw.clan.su/knopki/vhod/go.png) no-repeat; width:120px; height:24px; font-size:30px; color:#FFFF66; text-align:center; text-decoration:none; } .vhod a:hover{ display:block; background-position: 0 -24px; } .vhod a:active{ display:block; background-position: 0 -48px; } html: <li class="vhod"> <a href="$LOGIN_LINK$" class="vhod"></a> </li> и какие пути решения...?
-
а подскажите что такое фиксы? у меня в "осле" закругления работают задав например через - border-left-top-radius: 25px;
-
мож я конечно неправ, но яб сделал бы списком...
-
Вопросик=) мне нужно отпозиционировать список ... в коде я его поставил между комменттариями <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (НАЧАЛО СПИСКА) --> и соответственно <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (КОНЕЦ СПИСКА) --> Хотелось бы чтобы он был над выпадающим меню, и не потерял "кликабельность" ... <!DOCTYPE html> <html> <head> <title>JAGUAR</title> <style> *{margin:0;padding:0;} body { font: 14px/1.4 Georgia, serif; background: #333; overflow-x: hidden; } .menu { position:absolute; padding-top:253px; padding-left:48px; margin:0 auto; } .nav { box-shadow:10px 10px 10px rgba(0,0,0,0.5); min-width: 800px; padding: 0; font-size: 100%; font-family: Georgia; } .nav li { list-style: none; float : left; height: 33px; padding: 0; width: 150px; text-align: center; background: url(http://jaguar-pw.clan.su/menu/fon_knopki_menju.png) repeat ; position: relative; padding-top: 12px; } .nav li ul { list-style: none; padding: 0; margin: 0; width: 160px; display: none; position: absolute; left: 0; top: 45px; } .nav li ul li { box-shadow:10px 10px 10px rgba(0,0,0,0.5); color:#000; height: 33px; margin: 0; width: 150px; text-align: center; background: #3366cc; } .nav li a { text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px; display: block; width: 150px; height: 33px; color: #fff; text-decoration: none; } .nav li a:hover { color: #36c; } .nav li:hover ul { display: block; } .nav li:hover { background: #ffffff; color:#000;} .border {border-right: 1px solid #ffffff;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;} .page5 {border-top-right-radius: 42px; border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;} .page1 {border-top-left-radius: 42px ; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border- bottom: 1px solid #ffffff;} .pages {border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;} .link {border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;} .razdel {border-bottom: 1px solid #ffffff;}/*меню-конец*/ .fon { background: url(http://jaguar-pw.clan.su/ostrovf.png) no-repeat; height:300px; width:850px; margin:0 auto; } .content { box-shadow:10px 10px 10px rgba(0,0,0,0.5); opacity:1; margin:0 auto;width: 754px; height:500px; background: #fff ; } .footer { box-shadow:10px 10px 10px rgba(0,0,0,0.5); opacity:1; margin:0 auto; width: 754px; height:50px; background: #999999; border-bottom-right-radius: 42px; border-bottom-left-radius: 42px; font-face: 1 ; } #spisok {position:absolute; margin:100px; padding-top:100px;} .spisok li { list-style: none; float : left; height: 33px; padding: 5px; width: 90px; text-align: center; background: url() repeat-x repeat-y ; position: relative; padding-top: 12px; } .spisok li a { text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px; display: block; width: 80px; height: 33px; color: grey; text-decoration: none; } .spisok li a:hover { color: orange; } </style> </head> <body> <!--шапка-начало !--> <div class="fon"> <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (НАЧАЛО СПИСКА) --> <div class="spisok"> <ul class="spis"> <li><a href="#">Ссылка один</a></li> <li><a href="#">Ссылка два</a></li> <li><a href="#">ссылка три</a></li> <li><a href="#">Ссылка Четыре</a></li> <li><a href="#">Ссылка пять</a></li> </ul> </div> <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (КОНЕЦ СПИСКА) --> <!--меню начало!--> <div class="menu"> <ul class="nav"> <li class="page1"> <a href="http://jaguar-pw.clan.su/">1</a> </li> <li class="border"> <a href="">2</a> <ul> <li class="razdel"><a href="#">1</a></li> <li class="link"><a href="#">2</a></li> </ul> </li> <li class="border"> <a href="#">2</a> <ul> <li class="razdel"><a href="#">1</a></li> <li class="razdel"><a href="#">2</a></li> <li class="razdel"><a href="#">3</a></li> <li class="razdel"><a href="#">4</a></li> <li class="link"><a href="#">5</a></li> </ul> </li> <li class="border"> <a href="#">4</a> <ul> <li class="razdel"><a href="#">1</a></li> <li class="link"><a href="#">2</a></li> </ul> </li> <li class="page5"> <a href="#">5</a> <ul> <li class="razdel"><a href="#">0</a></li> <li class="razdel"><a href="#">1</a></li> <li class="razdel"><a href="#">2</a></li> <li class="razdel"><a href="#">3</a></li> <li class="razdel"><a href="#">4</a></li> <li class="link"><a href="#">5</a></li> </ul> </li> </ul> <!--меню конец!--> </div> </div> <!--шапка-конец !--> <!--Контент начало!--> <div class="content"> контент) </div> <!--Контент конец--> <!--подвал начало--> <div class="footer"> подвал </div> <!--подвал конец--> </body> </html> правда в CSS много лишнего написано, не успел удалить перед отправкой..
-
создам новую тему с другим вопросом=)
-
будем пропбовать) пока все путем получается) открыл 6 браузеров) везде одинаково)
-
добрый вечер, подскажите как сделать сайт кроссбраузерным, по мне удобнее оппеделить браузер, и оттдельно для него подгрузить стиль по внешней ссылке, (готов писать для каждого браузера свой стиль!!!=)) <script language="javascript"> var browser = navigator.appName; document.write(browser); if (browser == "Opera") document.write("<body><link rel='stylesheet' href='http://jaguar-pw.clan.su/for_opera.css'>"); </script> думал что нашел решение, но для мозилы пробова- нивкакую...( p.s. хлстюсь на юкозе (php не работает построннее!()
-
уже разобрался) спасибо)
-
Еще 1 вопросик=) а откуда взялась полоса прокрутки снизу? можно ли ее убрать как то? ошибку не нашел( P.S. убрал, но приичину ее появления не нашел, ширина вроде везде адекватная
-
caprella, что сейчас и буду делать) P.S. ой нестабильная штука, этот юкоз.... ни 1 страница, ни 1 сайт у меня этого хостинга не грузится=) я дождусь_) Спасибо, все поллучилось) я то думал это только позишином делается...)
-
caprella, в принципе да
-
да идея именно такая) http://aero-frost.3dn.ru/forum.jpg ну и желательно чтобы контент форума был отцентрован вместе с меню) (размеры я потом подгоню) css - код заключил в <style> чтобне прыгать по страницам...) а <link> на тот момент неуспел удалить... это помоему стиль от меню)
-
Доброго вечера всем верстальщикам!!!) прошу руку помощи))) я пока учусь HTML и CSS , но уже кое что этом смыслю) на стандартном форуме юкоза (т.к. самодельный туда не всунешь, ибо он неприветствует посторонний PHP) решил поставить меню и отпозиционировать его так чтобы оно держалось всегда верхней части форума, никуда не съежало, т.е. было как 1 целое..!) позиционировал его как только можно и стандартный ucoz'овский код прошел через такие извращения... о_О ну В общем он не захотел здаваться. для div'a меню задаю position:absolute; сам блок форума запер в еще 1 div и так же задал ему позицию "absolute" . начав задавать координаты, вроде все пошло как по маслу, но когда я посоздавал тем на форуме - высота div'a увеличилась и меню опустилось и стало поверх окна форума... как не мучался никак не получалось исправить...(((( затем для форума задал position:relaive; чуток поверстав.. меню стало впритык к блоку форума как и планировалось, и все бы хорошо если бы не 1 НО... списки тем меню сместились... поразмыслив решил обратитья к знакомому , который в этом соображает в разы лучше меня. рассказав ему суть проблемы, ждал положительного результата, но не тут то было он в ступоре казал , что он бессилен. и я потеряв всякую надежду решил оставить темку у вас н форуме в ожидании помощи вот ссылка на форум http://aero-frost.3dn.ru/forum/ на нем все осталось на своих местах как я бросил это дело... кто решится помочь то вот пароль от админки : 111JAGUAR111 , если потребуется восстановить исходный код, то вот ссылка на меню http://aero-frost.3dn.ru/index2.html ...