Проблем с CSS - разместено меню

akatsuki · 4 Юли 2009

Ами вижте сайта като за начало- painnn.1gb.bg . Вижте разместеното на главното меню. Ето CSS и гледайте при #nav ..
Можете ли да ми кажете как да го оправя? +1

Код:

body { 
background-image:url(images/beck.jpg);
font-family:Geneva,Arial,Helvetica,sans-serif; 
font-size:12px; 
margin:0; 
padding:0; 
}

a {
 color:#000000;
}

a:hover {
 color:#333333;
}

img {
 border:0;
}

.Clear {
 clear:both;
}

#Wrapper {
  height:110px;
  width:890px;
    margin:0px auto;
}

#Logo {
 width:890px;
 height:200px;
}

#center{
margin:0 auto;
width:70%;
}
#nav {
position:relative;
display:block;
height:42px;
width:906px;
font-size:11px;
font-weight:bold;
background:transparent url(images/Nav.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
}

#nav a {
	display:block;
	float:left;
	color:#660685;
	text-decoration:none;
	height:28px;
	padding:14px 22px 0 22px;
}

#nav a:hover{
	color:#FFF;
	background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;
}

#Content {
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#fef5fa;
 padding:8px;
 width:890px;
}


/* --- Full Width --- */

.FullCaption {
 background-image:url(images/FullCaption.gif);
 background-repeat:no-repeat;
 padding-top:8px;
 padding-left:8px;
 color:#FFFFFF;
 width:885px;
 height:24px;
}

.FullCaption a {
 color:#FFFFFF;
 text-decoration:none;
}

.FullText {
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#f8ecde;
 padding:0px;
 width:885px;
 border-left:1px solid #6f5a44;
 border-right:1px solid #6f5a44;
 border-bottom:1px solid #6f5a44;
 margin-bottom:8px;
}

/* --- Left Menu --- */

#Left {
 float:left;
 width:185px;
}

.MenuCaption {
 background-image:url(images/MenuCaption.gif);
 background-repeat:no-repeat;
 padding-left:8px;
 padding-top:8px;
 color:#FFFFFF;
 width:177px;
 height:24px;
}

.MenuCaption a {
 color:#FFFFFF;
 text-decoration:none;
}

.MenuText {
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#f8ecde;
 padding:8px;
 width:167px;
 border-left:1px solid #6f5a44;
 border-right:1px solid #6f5a44;
 border-bottom:1px solid #6f5a44;
 margin-bottom:8px;
}
#Moe {
 float:left;
 width:185px;
}

.MenuCaption {
 background-image:url(images/MenuCaption.gif);
 background-repeat:no-repeat;
 padding-left:8px;
 padding-top:8px;
 color:#FFFFFF;
 width:177px;
 height:24px;
}

.MenuCaption a {
 color:#FFFFFF;
 text-decoration:none;
}

.MenuText {
 background-image:url(images/TableFooter.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#f8ecde;
 padding:8px;
 width:167px;
 border-left:1px solid #6f5a44;
 border-right:1px solid #6f5a44;
 border-bottom:1px solid #6f5a44;
 margin-bottom:8px;
}
/* --- Right Content --- */

#Right {
 float:left;
 margin-left: 67px;
 width:576px;
}

.ContentCaption {
 background-image:url(images/ContentCaption.gif);
 background-repeat:no-repeat;
 padding-top:8px;
 padding-left:8px;
 color:#FFFFFF;
 width:568px;
 height:24px;
}

.ContentCaption a {
 color:#FFFFFF;
 text-decoration:none;
}

.ContentText {
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#f8ecde;
 padding:8px;
 width:558px;
 border-left:1px solid #6f5a44;
 border-right:1px solid #6f5a44;
 border-bottom:1px solid #6f5a44;
 margin-bottom:8px;
}

#Footer {
 text-align:center;
 margin-top:0px;
 color:#FFFFFF;
}

#Footer a {
 color:#FFFFFF;
}

/* e107 Core CSS */

.tbox{
 color: #000000;
 font-size: 11px;
 border: 1px solid #f1b12d;
}

.button { 
 border: #777 1px solid;
 color: #000;
 font: 9px verdana, tahoma, arial, helvetica, sans-serif;
 text-align:center;
}

.fborder {
 border: #C4C4C4 0px solid;
 background-color: #f1b12d;
 
}
.forumborder {
 border: #C4C4C4 1px solid;
}
.forumheader {
 background-color: #F0F1ED;
 font: 11px verdana, tahoma, arial, sans-serif;
 color: #6D6E71;
 padding: 4px;
 border: #CCCCCC 1px solid;
 text-align:left;
 font-weight: bold;
}
.forumheader2 {
 background-color: #F0F1ED;
 font: 10px verdana, tahoma, arial, sans-serif;
 text-align:left;
 color: #6D6E71;
 padding: 4px;
 border: #CCCCCC 1px solid;
}
.forumheader3 {
 background-color: #F0F1ED;
 font: 10px verdana, tahoma, arial, sans-serif;
 color: #6D6E71;
 padding: 4px;
 border: #CCCCCC 1px solid;
 text-align:left;
 
}
.forumheader4 {
 background-color: #F0F1ED;
 font: 10px verdana, tahoma, arial, sans-serif;
 color: #333333;
 padding: 4px;
 border: #CCCCCC 1px solid;
}
.forumtable2 {
 background-color: #F0F1ED;
 font: 10px verdana, tahoma, arial, sans-serif;
 color: #6D6E71;
 padding: 4px;
 border: #CCCCCC 1px solid;
}
.fcaption {
 border: #CCCCCC 1px solid;
 vertical-align:middle;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:5px;
 padding-right:5px;
 background-color: #018AB8;
 background-image:url(images/ContentCaption.gif);
 font: 12px verdana, tahoma, arial, sans-serif;
 color: #FFFFFF;
 font-weight: bold;
}

.fcaption a {
 color:#FFFFFF;
 background-image:url(images/ContentCaption.gif);
 }
 
.finfobar {
 background-color: #f9bb00;
 font: 10px verdana, tahoma, arial, sans-serif;
 color: #6D6E71;
 padding: 4px;
 border: #CCCCCC 1px solid;
}

.helpbox {
 background-color: #f9bb00;
 color: #6D6E71;
 width:95%;
 font: 9px verdana, tahoma, arial, sans-serif;
}

.indent{
 padding: 5px;
 margin: 5px;
 font: 9px verdana, tahoma, arial, sans-serif;
 color: #000;
 border: 0px solid;
 background-color: #fff;
 border-bottom: #ccc 1px solid;
 border-left: #ccc 1px solid;
 border-right: #ccc 1px solid;
 border-top: #ccc 1px solid;
}

#dataform {
  text-align:left;
}

BBC91 · 4 Юли 2009

добади му margin-top:-50px;

Проблем с CSS - разместено меню

akatsuki

Registered

BBC91

Registered