Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.224.31.82
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Архив - только для чтения
Скриптеры, помогите исправить стили меню !!!
Сообщение оставлено 29.10.2011 в 19:21:33 | Сообщение #1
Если длина категории больше строчки, то она съезжает на следующую строку, при этом накладывается на следующую категорию. Как сделать, чтобы она накладывалась на новую строчку,



CSS:

Code

html, body {margin:0;padding:0;height:100%}
img {border:none;}
ul,li {list-style:none;margin:0;padding:0}
body{font:12px/18px Arial, Tahoma, Verdana, sans-serif;width:100%;background:#585858 url(/images/body-bg.png);color:#909090}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;max-width:1600px;margin:0 auto;}
#wrapp {margin:0 30px;
border-left:1px solid #272727;
border-right:1px solid #272727;
background:url(/images/wrapper-bg.png);
height:auto !important;height:100%;min-height:100%;}
a:link, a:active, a:visited {text-decoration:none; color:#fff;outline:none;}
a:hover {text-decoration:none; color:#000;outline:none;}
input[type="text"],input[type="password"],textarea {background:#575757; border:1px solid #333;margin:1px 0}
hr {margin:4px 0}

.popuptitle{font-size:14px;background:#9F9F9F;color:#FFFFFF;padding:6px 2px;}
.popupbody{background:#4d4d4d;padding:6px 2px;font-size:11px;font-family:Verdana;;color:#fff}
.popuptable{background:#F1F1ED;margin:10px auto;position:absolute;right:0;left:0;z-index:100;color:#000000;border:1px solid #DDDDDD;}

/*Стили ucoz*/
.uMenuV {margin-left:-6px;}
.uMenuItem a {
background:url(/images/menuverta.png) no-repeat;
width:166px;
padding:0 0 0 25px;
height:18px;
display:block;
text-decoration:none;
margin:2px 0;
color:#9e9e9e}
.uMenuItem a:hover {background:url(/images/menuverta.png) no-repeat bottom;width:166px;height:18px;}  

.catsTable td a, .archLi a {
background:url(/images/menuverta.png) no-repeat;
width:166px;
padding:0 0 0 25px;
height:18px;
display:block;
text-decoration:none;
margin:1px 0 1px -6px;
color:#9e9e9e
}
.catsTable td a:hover, .archLi a:hover {background:url(/images/menuverta.png) no-repeat bottom;width:166px;height:18px;}  
.catNumData {display:none}

/* Calendar Style */
.calWdaySe, .calWdaySu {color:#e54949;padding:4px;font-weight:bold;}
.calMday, .calMdayA, .calWday, .calMdayIs {padding:4px;}
.calWday {font-weight:bold;}
/* -------------- */

.codeButtons {cursor:pointer;background:#4d4d4d;padding:1px 3px 1px 3px;color:#9e9e9e;border:none;border:1px solid #333}
.codeButtons:hover {border:1px solid}
.commFl {width:100%;margin:3px 5px 0 0;background:#4d4d4d;color:#9e9e9e}
.smiles {border:1px solid #333;margin:3px 0 0 5px}
.sml1 {padding:1px;}
.commSbmFl {padding:6px 20px 6px 20px;margin-top:3px;background:#4d4d4d; border:1px solid #333;color:#9e9e9e}
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;}
.cBlock1, .cBlock2 {background:#4d4d4d; border:1px solid #333}

.eMessage a img, .eMessage img, .eText img, .eText a img, .mat-content a img, .mat-content img{padding:2px !important;margin:0 8px !important;}

.eBlock {background:#4d4d4d; border:1px solid #333;padding:10px 5px 5px 5px;}
.eTitle {
background:url(/images/mat-title-center.png) repeat-x;
height:24px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding:6px 0 0 15px;
color:#c5c5c5;
border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;
margin:2px 0}

.eMessage {text-align:justify;padding-bottom:5px;}
.eText {text-align:justify;padding-bottom:5px;padding-top:5px;border-top:1px solid #DDDDDD;}
.textHr {color:#DDDDDD;height:1px;border:1px solid #DDDDDD;}

.eDetails, .eDetails1, .eDetails2 {
background:#383838;
margin:0 10px 10px 10px;
padding:2px 10px
}

/*Стили ucoz*/

#header {
background:url(/images/header-bg.png);
height:239px}
#logotip {
background:url(/images/logotip-head.png) no-repeat;
width:633px;
height:239px;
float:left
}
#header-man {
background:url(/images/header-man.png) no-repeat;
width:238px;
height:233px;
float:left;
margin:5px 0 0 0
}

#profile-head {float:right;margin:155px 15px 0 0}
.head-profile-center {
background:url(/images/head-profile-center.png) repeat-x;
height:83px;
border-left:1px solid #363636;
border-right:1px solid #363636;
border-top:1px solid #363636;
border-radius:15px 15px 0 0;-moz-border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;-khtml-border-radius:15px 15px 0 0;
max-width:277px;
line-height:normal;
font-size:11px
}
.head-profile-center a {
text-decoration:none;
color:#b7b7b7;
margin:0 6px 0 0
}
.head-profile-padd {
padding:5px 10px;
color:#b7b7b7
}
.head-profile-ava img {
max-width:75px;
max-height:75px
}
.head-profile-text {
vertical-align:top;
padding:0 0 0 10px
}

.menugor-left{background:url(/images/menugor-left.png) no-repeat;width:4px;height:46px;float:left;margin-bottom:10px}
.menugor-right{background:url(/images/menugor-right.png) no-repeat;width:4px;height:46px;float:right;margin-bottom:10px}
.menugor-cen{background:url(/images/menugor-center.png) repeat-x;height:46px;margin-bottom:10px}
.menu-gor{list-style:none;margin:0;padding:12px 0 0 10px}
.menu-gor li{list-style:none;display:inline;margin:0;background:url(/images/menugor-a-link.png) no-repeat right center;padding:13px 9px 17px 0}
.menu-gor li a{text-decoration:none;color:#B1B1B1;font-size:12px;padding:12px 20px 11px;margin:0 -4px 0 -7px}
.menu-gor li a:hover{text-decoration:none;color:#B1B1B1;font-size:12px;padding:12px 20px 11px;background:url(/images/manugor-a-hover.png) repeat-x;margin:0 -4px 0 -7px}

#nadfooter{background:url(/images/nadfooter.png) repeat-x;height:21px}
#osnfooter{background:url(/images/footer-bg.png) repeat-x;height:67px;width:100%}
#nizfooter{background:url(/images/footer-bottom.png) repeat-x;height:12px}
#spacer{height:100px}
#footer{height:100px;margin:-100px auto 0;max-width:1600px;}
#foot{margin:0 30px;border-left:1px solid #272727;border-right:1px solid #272727}
.footer-o-left{background:url(/images/footer-o-left.png) no-repeat;width:7px;height:57px;float:left}
.footer-o-right{background:url(/images/footer-o-right.png) no-repeat;width:7px;height:57px;float:right}
.footer-o-cen{background:url(/images/footer-o-cen.png) repeat-x;height:57px;color:#BCBCBC;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:13px;text-align:center}
.footer-o{max-width:500px;margin:0 auto}
.footercen{width:100%;height:67px;vertical-align:center}
.footer-teg{width:50%}
.footer-banner img{margin:0 0 0 10px}
.footer-logo{text-align:right;padding-right:10px}

.block-top {
background:url(/images/block-top.png) no-repeat;
width:219px;
height:38px;
}
.block-top h6 {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-weight:normal;
padding:9px 0 0 15px;
color:#c5c5c5;
}
.block-cen {
background:#414141;
width:200px;
margin:0 0 10px 9px
}
.block-cenp {
padding:5px 10px 10px 10px
}

.mat-title-left {
background:url(/images/mat-title-left.png) no-repeat;
width:7px;
height:33px;
float:left
}
.mat-title-right {
background:url(/images/mat-title-right.png) no-repeat;
width:7px;
height:33px;
float:right
}
.mat-title-center {
background:url(/images/mat-title-center.png) repeat-x;
height:33px
}
.mat-title-center h6 {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-weight:normal;
padding:6px 0 0 15px;
color:#c5c5c5;
}
.mat-content {
background:#474747;
margin:0 10px
}
.mat-content-padd {
padding:10px
}
.mat-details {
background:#383838;
margin:0 10px 10px 10px;
padding:2px 10px
}

#left {float:left;width:219px;margin-left:5px}
#right {float:right;width:219px;margin-right:5px}
#center {margin:0 230px 0 230px;}

.clear {clear:both;}
 
 
   
Сообщение оставлено 30.10.2011 в 21:31:57 | Сообщение #2
Смени название категория на меньшее, так будет проще.
 
 
   
Сообщение оставлено 15.11.2011 в 23:50:59 | Сообщение #3
Убери Для cs 1.6
 
 
   
Сообщение оставлено 16.11.2011 в 03:14:31 | Сообщение #4
Когда пишите код меню , короче пишите и всё. Как сказал [hAcK], уберите для кс 1.6 и всё. Тут дело даже не в CSS.
 
 
   
Сообщение оставлено 16.11.2011 в 07:14:43 | Сообщение #5
fantomdeni95, Думаю у тебя из за одно измененного слова сайт не упадет в индексе joyful меняй и не бойся
 
 
   
Сообщение оставлено 16.11.2011 в 16:57:18 | Сообщение #6
Сначало стоило-бы выучить определение и предназначение аббревиатуры CSS. Это стили, с помощью них нет возможностей сделать отступ в тексе.
Попробуй после слова "оружия" поставить <br>
 
   
Сообщение оставлено 26.11.2011 в 11:04:22 | Сообщение #7
Закрыто
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика