RobotWerder

элементам навигации и меню не хватает hover эффектов

есть гориз меню на joomla сверстанное с косяками beta.openvpn.ru . проблема в том что пункты падают на следующую строчку при уменьшении окна браузера. возможно ли сделать так чтобы меню автоматически сжималось при сужении окна браузера, либо варант 2 возможно ли хотя бы зафиксировать его по ширине, но чтобы пункты меню списка были в одной строке и не падали вниз.. если возможно то как?.. замучался гуглить и править код.. подскажите пжлста гуру. вот обрывки хтмль и css <table class="menubg" width="100%" height="33px" align="center" border="0" cellpadding="0" cellspacing="0" background"menu_bg_.jpg"> <td> <div id="top"> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <td> <ul class="menu-nav" id="top"> <li id="current" class="active item1"> <a href="http://localhost/"> <span>Главная</span> </a> </li> <li class="item18"> <a href="/index.php?option=com_content&view=category&id=39&Itemid=18&lang=ru"> <span>Настройка и помощь</span> </a> </li> <li class="item29"> <a href="/index.php?option=com_content&view=article&id=22&Itemid=29&lang=ru"> <span>Особенности</span> </a> </li> ul.menu-nav2 { list-style-type: none; width: 100%; } ul.menu-nav2 li { display: inline; padding-left: 12px; margin: 0px; } ul.menu-nav li a { color: #FFFFFF; font-size: 14px; text-decoration: none; } ul.menu-nav li a:hover { color: #FFFFFF; font-size: 14px; text-decoration: underline; } ul.menu-nav2 li.item28 { background-image: url(../images/in.jpg); background-repeat: no-repeat; color:#FFFFFF; background-position: 2px center; display: inline; } ul.menu-nav2 li.item29 { background-image: url(../images/in.jpg); background-repeat: no-repeat; color:#FFFFFF; background-position: 2px center; display: inline; }

спасибо большое... со span-ами и тэгами p разобрался .. пользуясь случаем спрошу, а что вы например скажете на это : character "<" is the first character of a delimiter but occurred as data …sConfig_live_site;?>/templates/ssmp/<?php echo _DIRECTION;?>/images/bac_logo. и на часто встречающееся мне end tag for "head" which is not finished </head> , хотя тэг хэд закрыт

document type does not allow element "p" here; missing one of "button", "map", "object", "ins", "del", "noscript" start-tag документ не валиден .. что за ошибка..?.. многое что устранил, но к сожалению застрял на этом нюансе ..

да да ... было бы ооочень здорево

Дня три четыре назад отправил форму авторизации .. Vlad .. отзовись плиз!! .. (лучше на почту)

Никто никому ничего не должен.. я ничего не требовал и очень ценю вашу помощь Дмитрий и Влад !!! искреннее Спасибо!!!

хм.. господа-товарищи .Vlad!!. мне опыт нужен а не прохождение квестов. ведь это же не сложно написать адрес электронной почты. Я конечно понимаю, что вас забавляют подобные мммм... задачки, но всё же ..!!! казалось бы мелочь, форма авторизации, но для меня это важно, поверьте! это опыт. Может пойдете навстречу в обход квестам?!

Влад !!! твоё мыло скрыто в профайле.. или я чо та недогоняю в настройках форума?! Будь добр отпиши в личку.

хм... форму доверстал, есть моменты которые надо прояснить, автор откликнитесь !!? странно, с сегодняшнего дня аваст при загрузке сайта обнаруживает червячка HTML:Iframe-inf и на стойчив в желании прервать соединение .. хм ... хм... форму доверстал, есть моменты которые надо прояснить, автор откликнитесь !!? странно, с сегодняшнего дня аваст при загрузке сайта обнаруживает червячка HTML:Iframe-inf и на стойчив в желании прервать соединение .. хм ... хм... форму доверстал, есть моменты которые надо прояснить, автор откликнитесь !!? странно, с сегодняшнего дня аваст при загрузке сайта обнаруживает червячка HTML:Iframe-inf и на стойчив в желании прервать соединение .. хм ...

Странно слышать это от автора, но тем не менее конечно же возьмусь

Спасибо ..буду верстать.. понял что верстка будет резиновая ... ток как быть с колонками.. четкого задания нет !?.. а вообще если кому то чот та надо сверстать нахаляву..пишите..предложение действительно!!

У меня ещё мало опыта . Хочу поднабраться его, особенно в верстке.. могу сделать несложный сайт, нарисовать флеш, но поверстать хочется, т к это моё слабое место. обращайтесь .. чем интереснее тема тем лучше.. Да ..всё безДвозДмезДно

У меня ещё мало опыта . Хочу поднабраться его, особенно в верстке.. могу сделать несложный сайт, нарисовать флеш, но поверстать хочется, т к это моё слабое место. обращайтесь .. чем интереснее тема тем лучше.. Да ..всё безДвозДмезДно

левый и правый блоки в опере 9.27 сильно смещены относительно нужного положения вправо а центральное выпадающее меню в FF уехало вообще непонятно куда (где то сбоку и справа).. относительно оперы ситуация непонятная. На локали у меня все выглядит нормально, а как только программер сливает их на сервер всё выглядит ужасно В общем косяков там хватает, но устранить хотелось бы для начала самые ужасные http://plus-strahovanie.ru/ не знаю нужен ли весь код но выложу все таки целиком, заранее спасибо /* CSS Document */ html { height: 100%; } body { height: 100%; margin: 0px 0px 0px 0px; background-color:#FFFFFF; color: #000000; } .clr { clear: both; } #logo { background-image: url(images/2.jpg); background-repeat: no-repeat; height: 81px; width: 925px; margin-left: 10px; } #main { width:925px; } #main_body { float: left; width:450px; text-align:left; background-color: #F9F7F7; } #center { float: left; width:443px; height:100%; margin-left: 27px; } * html #center { margin-left:13.5px; } #center2 { float: left; width:670px; height:100%; margin-left: 15px; } * html #center2 { margin-left:7.5px; } #left { float: left; width:173px; height:100%; background-color: #F9F7F7; margin-top: 10px; padding-right: 0px; padding-left: 0px; text-align: center; } #right { float: right; width:202px; height:100%; text-align:left; color:#FFFFFF; margin-right: 15px; } * html #right { margin-right:7.5px; } #rightinner { margin-right: 0px; margin-left: 0px; padding-top: 80px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; height: 100%; background-image: none; color: #000000; } .leftinner{ padding-bottom: 0px; height: 100%; background-image: none; color: #000000; } #container { width:925px; height: 100%; padding: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; } #contmenu { float: left; width:925px; color:#000000; height: 58px; } #contmenuleft { float: left; height: 58px; background-image: url(images/1_08.jpg); background-repeat: no-repeat; width: 300px; margin-left: 15%; padding:0; } * html #contmenuleft{ margin-left: 10%; } #contmenuright { float: right; height: 58px; background-image: url(images/1_06.jpg); background-repeat: no-repeat; width: 216px; margin-right: 20%; padding:0; } * html #contmenuright{ margin-right:10%; } #conttop { width:905px; background-image: url(images/1k_03.jpg); background-repeat: no-repeat; background-position: center top; height: 48px; float: left; margin-right: 10px; margin-left: 10px; } #contcenter { width:905px; background-image: url(images/1_05.jpg); background-repeat: repeat-y; height:100%; background-position: center top; z-index: -2; float: left; padding: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; } #contbottom { width:905px; background-image: url(images/1k_26.jpg); background-repeat: no-repeat; background-position: center bottom; height: 49px; float: left; margin-right: 10px; margin-left: 10px; } #contleft { width:905px; height:100%; } #footer { float: left; width:925px; color:#000000; text-align:center; background-image: url(images/2_08.jpg); background-repeat: no-repeat; height: 125px; margin-left: 10px; } #footer1{ float: left; width:925px; background-color:#FFFFFF; color:#000000; text-align:center; background-image: url(images/12_27.jpg); background-repeat: no-repeat; height: 99px; } #footer a { color:#0000FF; font-weight:bold; } #top { float: left; width:925px; background-image:url(images/1.jpg); text-align:left; height:211px; background-repeat: no-repeat; margin-left: 10px; } #top1 { float: left; width:925px; text-align:left; height:121px; background-repeat: no-repeat; margin-left: 10px; } #menu1 { float: left; width:925px; text-align:left; height:121px; background-repeat: no-repeat; } .modulecont { padding: 0; margin: 0 0 0 0; width: 925px; z-index: -1; } .modulecont div { padding: 0; margin: 0; background-image: url(images/1_05.jpg); background-repeat: repeat-y; background-position: center top; z-index: -1; } .modulecont div div { padding:0; background-image: url(images/1_032.jpg); background-repeat: no-repeat; background-position: center top; z-index: -1; } .modulecont div div div { text-align: center; padding: 0px 0 0px; background-color: transparent; background-image: url(images/1korp_27.jpg); background-repeat: no-repeat; background-position: center bottom; z-index: -1; } .module { margin: 0; width: 173px; z-index: 1; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .module div { padding: 0; margin: 0; /*bottom 14px*/ background-image: url(images/1korp_07.jpg); background-repeat: repeat-y; background-position: center top; z-index: 1; width: 173px; } .module div div { padding:0; background-image: url(images/1korp_03.jpg); background-repeat: no-repeat; background-position: center top; z-index: 1; width: 173px; } .module div div div { text-align: center; background-image: url(images/1korp_17.jpg); background-repeat: no-repeat; background-position: center bottom; z-index: 1; width: 173px; padding-top: 0px; padding-bottom: 20px; padding-right: 0px; padding-left: 0px; } .module1 { padding: 0; margin-top: 10px; width: 443px; margin-bottom: 10px; z-index:2; } * html .module1{ margin-left: 5px; margin-right: 5px; } .module1 div { background-image: url(images/1korp_08.jpg); background-repeat: repeat-y; width: 443px; padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0px; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0px; z-index:2; } .module1 div div { padding:0; background-image: url(images/1korp_05.jpg); background-repeat: no-repeat; background-position: center top; width: 443px; z-index:2; } .module1 div div div { text-align: justify; background-image: url(images/1korp_21.jpg); background-repeat: no-repeat; background-position: center bottom; width: 443px; z-index:2; padding-top: 0px; padding-bottom: 20px; padding-right: 0px; padding-left: 0px; } .module2 { padding: 0; width: 202px; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; z-index:3; } .module2 div { padding: 0; margin: 0; /*bottom 14px*/ background-image: url(images/1korp_15.jpg); background-repeat: repeat-y; background-position: center top; width: 202px; z-index:3; } .module2 div div { padding:0; background-image: url(images/1_11.jpg); background-repeat: no-repeat; background-position: center top; width: 202px; z-index:3; } .module2 div div div { text-align: center; padding: 0px 0 20px; background-image: url(images/1korp_19.jpg); background-repeat: no-repeat; background-position: center bottom; width: 202px; z-index:3; } /** old stuff **/ body { padding: 0px; font-family: "Century Gothic"; line-height: 16px; font-size: 11px; color:#666666; text-align: justify; } /* basic links on the site */ a:link { color: #666666; text-decoration: none; font-weight: bold; line-height: 14px; font-size: 12px; } a:hover { color: #FF6600; text-decoration: underline; font-weight: bold; line-height: 14px; font-size: 12px; } a:visited { color: #333333; text-decoration: none; font-weight: bold; line-height: 14px; font-size: 12px; } #rightinner a { color: #666666; text-decoration: none; font-weight: bold; line-height: 35px; font-size: 12px; } #rightinner a:hover { color: #FF6600; text-decoration: underline; font-weight: bold; line-height: 35px; font-size: 12px; } #rightinner a:visited { color: #333333; text-decoration: none; font-weight: bold; line-height: 35px; font-size: 12px; } a.footer:link { color: #626262; text-decoration: none; font-weight: normal; } a.footer:visited { color: #333333; text-decoration: none; font-weight: normal; } a.footer:hover { color: #FF6600; text-decoration: underline; } .inputbox { padding: 2px; border:solid 1px #cccccc; background-color: #ffffff; } p { margin-left: 0px; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; } .content { color: #316012; font-size: 10px; height: 100%; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; border: 0px; } .contentimage { float: left; border: 3px solid #CCCCCC; margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; } #text { padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; width: 150px; height: 100%; } /* * html p{ padding-left: 15px; } #left p{ margin-bottom: 5px; text-align: justify; margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; } basic links on the site */ * html #left p{ } h1{ font-family: "Century Gothic"; color: #FF9900; text-align: center; font-weight: bold; font-size: 18px; padding-top: 20px; margin: 0px; } h2{ color: #e2292c; font-family: Arial; font-size: 17px; font-weight: normal; } h3{ color: #e2292c; font-family: Arial; font-size: 15px; font-weight: normal; } br{ padding-top: 5px; } .inp { padding: 2px; background-color: #F9F7F8; display: inline; width: 120px; text-align: center; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; } .fInp { padding: 2px; background-color: #F9F7F8; display: inline; width: 120px; text-align: center; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; } .inp2 { padding: 2px; background-color: #F9F9F9; height: 100px; width: 140px; display: inline; } .but { color: #666666; font-family: Arial, Hevlvetica, sans-serif; text-align: center; font-size: 11px; font-weight: bold; width: auto; padding: 0px 5px; line-height: 18px !important; line-height: 16px; height: 26px !important; height: 24px; margin: 1px; } .forma { margin: 0px; padding: 0px; width: 300px; } .on { font-family: "Century Gothic"; font-size: 12px; font-weight: bold; color: #666666; } .image1 { PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 2px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/1korp2_25.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; } .image2 { PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 2px; DISPLAY: block; PADDING-LEFT: 35px; BACKGROUND-IMAGE: url(images/1korp2_28.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; } .image3 { PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 2px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/1korp2_33.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; } .image4 { PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 2px; DISPLAY: block; PADDING-LEFT: 25px; BACKGROUND-IMAGE: url(images/1korp2_37.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; }