Hallo,
ich habe gerade einen seltsamen Fehler und mir gehen so langsam die Ideen aus.
Ich habe ein zusätzliches Menü gebaut, welches nur bei bestimmten Links angezeigt wird. Dieses Menü hat einen anderen Hintergrund verpasst bekommen und obwohl ich diesen genau definiert habe, sind jetzt sämtliche Links auf meiner Seite mit diesem Hintergrundbild versehen.
Ich habe jetzt schon versucht mittels background-image: none; den anderen Links zu sagen das sie dieses Bild ausblenden sollen. Aber damit hatte ich leider keinen Erfolg.
Es geht mir dabei um das menuleft. Das Bild menu_underline.png wird jetzt quasi bei jedem Link auf meiner Seite dargestellt und ich verstehe nicht wo mein Fehler liegt. Vielleicht kann mir den ja jemand mal fix aufzeigen da wäre ich sehr dankbar.
ich habe gerade einen seltsamen Fehler und mir gehen so langsam die Ideen aus.
Ich habe ein zusätzliches Menü gebaut, welches nur bei bestimmten Links angezeigt wird. Dieses Menü hat einen anderen Hintergrund verpasst bekommen und obwohl ich diesen genau definiert habe, sind jetzt sämtliche Links auf meiner Seite mit diesem Hintergrundbild versehen.
Ich habe jetzt schon versucht mittels background-image: none; den anderen Links zu sagen das sie dieses Bild ausblenden sollen. Aber damit hatte ich leider keinen Erfolg.
PHP:
/* CSS Document */
.bg_main {
background : #CCCCCC;
padding : 0;
margin : 0;
}
#body {
width: 953px;
height: 100%;
margin: 0 auto;
margin-top: 10px;
font-family:Verdana;
font-size:13px;
padding:0px;
}
#wrapper{
width: 953px;
height: 100%;
background: #FFFFFF;
border: 1px solid black;
}
#faux {
margin-bottom: 5px;
overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
width: 100%
}
#header {
width: 953px;
height: 127px;
background-image: url(../images/header.png);
}
a:link {
color: #000000;
text-decoration: none;
background-image: none;
}
a:hover {
color: #3E968B;
text-decoration: none;
background-image: none;
}
a:visited {
color: #000000;
text-decoration: none;
background-image: none;
}
a:active {
color: #3E968B;
text-decoration: none;
background-image: none;
}
div.moduletable h3 {
background:url(../images/1.jpg);
color:#FFFFFF;
font-size: 12px;
font-weight: bold;
text-align : center;
height : 20px;
line-height : 20px;
padding-right : 15px;
margin : 5px 0 2px 0;
overflow : hidden;
}
.moduletable_text h3 {
color:#FFFFFF;
font-size: 12px;
background:url(../images/1.jpg);
font-weight: bold;
text-align : center;
height : 20px;
line-height : 20px;
padding-right : 10px;
margin : 5px 0 2px 0;
overflow : hidden;
}
.moduletable_menu h3 {
background:url(../images/1.jpg);
text-align : center;
font-weight : bold;
height : 20px;
line-height : 20px;
font-size : 12px;
padding-right : 10px;
margin : 5px 0 2px 0;
overflow : hidden;
color:#FFFFFF;
}
a.sublevel:link, a.sublevel:visited {
display: block;
font-size:11px;
padding : 0px 0px;
height:22px;
line-height:22px;
margin-left: 10px;
font-weight : bold;
}
a.sublevel:hover {
font-weight : bold;
font-size:11px;
background-color: #3E968B;
text-decoration : none;
padding-left: 0px;
}
a.sublevel#active_menu{
font-weight : bold;
background-color: #3E968B;
text-decoration : none;
padding : 0px 0px;
}
.inputbox, .search {
font : bold 11px Arial, Helvetica, sans-serif;
color : #000000;
border : 1px solid #3E968B;
}
select.inputbox {
font : bold 11px Arial, Helvetica, sans-serif;
color : #000000;
border : 1px solid #3E968B;
background : #ffffff;
}
#form {
font : 8px Arial, Helvetica, sans-serif;
}
#maintable {
width: 913px;
height: 100%;
float: left;
padding-left: 20px;
padding-right: 20px;
background: #ffffff;
}
#footer {
width: 100%;
text-align: center;
background: #ffffff;
line-height: 30px;
}
#mainlevelmainnav,#mainlevelmainnav ul{
float:left;
list-style:none;
line-height:20px;
background:transparent;
font-weight:700;
margin:0;
padding:0;
}
#mainlevelmainnav a{
display:block;
color:#f90;
text-decoration:none;
}
#mainlevelmainnav li{
float:left;
padding:0;
}
#mainlevelmainnav li ul{
position:absolute;
left:-999em;
height:auto;
width:15em;
font-weight:400;
background:#36f;
margin:0;
}
#mainlevelmainnav li li{
width:15em;
}
#mainlevelmainnav li ul a{
width:15em;
color:#fff;
font-size:0.9em;
line-height:20px;
font-weight:400;
}
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;
}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
left:auto;
z-index:6000;
}
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover{
background:#039 url(../images/soccerball.gif) 98% 50% no-repeat;
}
div#topmenu div.moduletable_menu {
margin: 0;
padding: 0;
font-size: 13px;
font-style: normal;
font-weight: bold;
line-height: 27px;
background: #528177;
}
div#topmenu div.moduletable_menu ul {
margin: 0;
padding: 0;
list-style: none;
background: #528177;
}
div#topmenu div.moduletable_menu ul li {
margin: 0;
padding: 0;
width: auto;
float: left;
border-right: 1px solid #fff;
background: #528177;
}
div#topmenu div.moduletable_menu ul li.last {
border-right: none;
background: #528177;
}
div#topmenu div.moduletable_menu ul li a {
display: block;
margin: 0;
padding: 0 10px 0 10px;
text-decoration: none;
border: none;
font-weight: bold;
line-height: 35px;
background: url("../images/topmenu_bg.png") 0 0 scroll repeat-x;
}
div#topmenu div.moduletable_menu ul li a:link,
div#topmenu div.moduletable_menu ul li a:visited {
color: #fff;
}
div#topmenu div.moduletable_menu ul li a:hover {
background: url("../images/topmenu_bg_hl.png") 0 0 scroll repeat-x;
}
div#topmenu div.moduletable_menu ul li a.active,
div#topmenu div.moduletable_menu ul li a.current {
background: url("../images/topmenu_bg_hl.png") 0 0 scroll repeat-x;
}
#box1 {
width: 262px;
height: 202px;
background: url("../images/box_background.png");
color: #ffffff;
padding-left: 10px;
float: left;
}
#box2 {
width: 262px;
height: 182px;
background: url("../images/box_background.png");
color: #ffffff;
padding: 10px;
margin-left: 30px;
float: left;
}
#box3 {
width: 242px;
height: 172px;
background: url("../images/box_background.png");
color: #ffffff;
padding: 20px;
padding-top: 10px;
margin-left: 30px;
float: left;
}
#box3 a:link {
color: #ffffff;
text-decoration: none;
background-image: none;
}
#box3 a:visited {
color: #ffffff;
text-decoration: none;
background-image: none;
}
#box3 a:hover {
color: #3E968B;
text-decoration: none;
}
#menuleft{
width: 200px;
height: 100%;
float: left;
background: #ffffff;
color: #000000;
text-decoration: none;
list-style: none;
}
#menuleft a:link {
display: block;
line-height: 30px;
width: 180px;
padding-left: 20px;
background-image: url("../images/menu_underline.png");
text-decoration: none;
list-style: none;
}
#menuleft a:hover {
display: block;
line-height: 30px;
width: 180px;
padding-left: 20px;
background-image: url("../images/menu_underline2.png");
text-decoration: none;
list-style: none;
}
#maintablehalb {
width: 713px;
height: 100%;
float: left;
padding-left: 20px;
padding-right: 20px;
background: #ffffff;
}
#menuleft ul {
list-style:none;
}
#menuleft ul li {
list-style:none;
}
#moduletable{
text-decoration: none;
list-style: none;
background-image: none;
}
Es geht mir dabei um das menuleft. Das Bild menu_underline.png wird jetzt quasi bei jedem Link auf meiner Seite dargestellt und ich verstehe nicht wo mein Fehler liegt. Vielleicht kann mir den ja jemand mal fix aufzeigen da wäre ich sehr dankbar.