Jump to content

spn_one

Newbie
 View Profile  See their activity

  • Posts

    13

  • Joined

  • Last visited

 Content Type 

Everything posted by spn_one

  1. spn_one
    подскажите почему данаая конструкция не работает в опере: 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> и какие пути решения...?
  2. spn_one

    IE

    spn_one replied to JessyStorm's question in HTML Coding

    а подскажите что такое фиксы? у меня в "осле" закругления работают задав например через - border-left-top-radius: 25px;
  3. spn_one
    мож я конечно неправ, но яб сделал бы списком...
  4. spn_one

    div в div'e

    spn_one posted a question in HTML Coding

    Вопросик=) мне нужно отпозиционировать список ... в коде я его поставил между комменттариями <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (НАЧАЛО СПИСКА) --> и соответственно <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (КОНЕЦ СПИСКА) --> Хотелось бы чтобы он был над выпадающим меню, и не потерял "кликабельность" ... <!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 много лишнего написано, не успел удалить перед отправкой..
  5. spn_one
    создам новую тему с другим вопросом=)
  6. spn_one
    будем пропбовать) пока все путем получается) открыл 6 браузеров) везде одинаково)
  7. spn_one
    добрый вечер, подскажите как сделать сайт кроссбраузерным, по мне удобнее оппеделить браузер, и оттдельно для него подгрузить стиль по внешней ссылке, (готов писать для каждого браузера свой стиль!!!=)) <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 не работает построннее!()
  8. spn_one

    "война браузеров" - страшная штука=)

  9. spn_one
    уже разобрался) спасибо)
  10. spn_one
    Еще 1 вопросик=) а откуда взялась полоса прокрутки снизу? можно ли ее убрать как то? ошибку не нашел( P.S. убрал, но приичину ее появления не нашел, ширина вроде везде адекватная
  11. spn_one
    caprella, что сейчас и буду делать) P.S. ой нестабильная штука, этот юкоз.... ни 1 страница, ни 1 сайт у меня этого хостинга не грузится=) я дождусь_) Спасибо, все поллучилось) я то думал это только позишином делается...)
  12. spn_one
    caprella, в принципе да
  13. spn_one
    да идея именно такая) http://aero-frost.3dn.ru/forum.jpg ну и желательно чтобы контент форума был отцентрован вместе с меню) (размеры я потом подгоню) css - код заключил в <style> чтобне прыгать по страницам...) а <link> на тот момент неуспел удалить... это помоему стиль от меню)
  14. spn_one
    Доброго вечера всем верстальщикам!!!) прошу руку помощи))) я пока учусь 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 ...
×
×
  • 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

  I accept