Hey liebe Leute,
ich hab mal wieder eine Frage und zwar habe ich ein Layout einer website, was meiner meinung nach ziemlich plöd is aber naja^^
so jedenfalls will ich dass ein Hintergrundbild im Newsbereich, was im übergeordneten Element liegt, über dem Div sitzt das ich in den Newsbereich geschachtelt habe.
habs bereits mit z-index versucht aber iwie nich hinbekomm wies soll -__- kann mir jemand von euch helfen?
hier der link zur seite
http://www.butzke.level9.de/level9_cms/
und hier mein Code
würde mich riesig freuen wenn mir jemand helfen kann =)
LG Niki
ich hab mal wieder eine Frage und zwar habe ich ein Layout einer website, was meiner meinung nach ziemlich plöd is aber naja^^
so jedenfalls will ich dass ein Hintergrundbild im Newsbereich, was im übergeordneten Element liegt, über dem Div sitzt das ich in den Newsbereich geschachtelt habe.
habs bereits mit z-index versucht aber iwie nich hinbekomm wies soll -__- kann mir jemand von euch helfen?
hier der link zur seite
http://www.butzke.level9.de/level9_cms/
und hier mein Code
HTML:
<div id="wrapper">
<div id="Menue">
<div class="MainMenue">
<div class="ActiveMenue">###MENUE-ID:28###</div>
<div class="SubMain">
<div class="SubTopMenue">###MENUE-ID:22###</div>
<div class="Submenue">###MENUE-ID:24###</div>
</div>
<div class="clear"> </div>
<div class="Newsbereich">###NEWSAREA###</div>
<div class="clear"></div>
</div>
</div>
<div id="Content">
<div class="Inhalt">###MAINAREA###</div>
</div>
</div>
Code:
* {
margin: 0;
padding: 0;}
body {
background-color: #FFFFFF;
font-family: arial;
font-size: 12px;}
h1 {
border-bottom: 1px solid #1E6CA4;
color: #1E6CA4;
font-size: 16px;
margin-bottom: 10px;}
h2 {
font-size: 14px;margin-bottom:5px;color: #1E6CA4;}
a {color:#EA3636;}
.clear{clear:both;}
#wrapper {
margin: 0 auto;
width: 983px;}
/*---- Menues ----*/
#Menue {height: 255px;}
/*---- Allgemein ----*/
.MainMenue {
background-image: url(http://www.butzke.level9.de/level9_cms/layout/LayoutAllgemein/background_form3.png);
background-repeat:no-repeat;
background-position:center top;
font-size: 14px;
height:255px;
background-color:#e5eaf3;}
.MainMenue a.active span {
background-image: none;
font-size: 16px;
padding-left: 23px !important;
padding-top: 65px !important;}
.SubTopMenue, .Submenue, .SubMain { width:790px; overflow:hidden;}
.SubMain {float: left;}
/*---- Active Menue ----*/
.ActiveMenue { float:left; max-width:200px; overflow:hidden;}
.ActiveMenue ul li {display:none;}
.ActiveMenue ul li.activetrail {background-image: url("http://www.butzke.level9.de/level9_cms/layout/LayoutAllgemein/red_button_right.png");
background-position: right top;
background-repeat: no-repeat;
display:block;}
.ActiveMenue ul li.activetrail a{
background-image: url("http://www.butzke.level9.de/level9_cms/layout/LayoutAllgemein/red_button_left.png");
background-position: left top;
background-repeat: no-repeat;
color: #FFFFFF;
font-weight: bold;
height: 93px;
text-decoration: none;
font-size: 18px;
margin: 0 36px 0 0;
z-index: 1;display:block;}
.ActiveMenue ul li.activetrail span {
background-image: none;
font-size: 16px;
padding-left: 32px !important;
position: relative;
right: 8px;
top: 65px;}
.ActiveMenue a.active span {
background-image: none;
font-size: 16px;
padding-left: 32px !important;
position: relative;
right: 8px;
top: 65px;}
.ActiveMenue ul li span:hover {text-decoration:underline;}
/*---- SubTopMenue ----*/
.SubTopMenue {height: 56px;float:left;}
.SubTopMenue ul {float: left;list-style-type: none;}
.SubTopMenue ul li {
background-image: url("http://www.butzke.level9.de/level9_cms/layout/LayoutAllgemein/blue_button_right.png");
background-position: right top;
background-repeat: no-repeat;
float:left;
margin-left:-18px; }
.SubTopMenue ul li a {
background-image: url("http://www.butzke.level9.de/level9_cms/layout/LayoutAllgemein/blue_button_left.png");
background-position: left top;
background-repeat: no-repeat;
color: #FFFFFF;
float: left;
font-weight: bold;
height: 56px;
margin: 0 21px 0 0;
text-decoration: none;}
.SubTopMenue ul li span {float: left;padding: 30px 20px 0 28px;}
.SubTopMenue ul li span:hover {text-decoration:underline;}
.SubTopMenue ul li.activetrail {display:none;}
.SubTopMenue ul li.has_child.active li {display: block;}
.SubTopMenue ul li ul li {background-image: none;display: none;}
/*---- SubMenue ----*/
.Submenue {float: left;height:52px;margin-top:8px;}
.Submenue ul li {list-style-type:none;background-image:none;margin: 0 15px 0 0;display:inline;}
.Submenue ul li a {color:#ffffff;text-decoration:none;}
.Submenue ul li a:hover {color:#0B407F;text-decoration:underline;}
.Submenue ul li a.activ {text-decorartion:underline;}
/*---- MenuesEnd ----*/
#Content {
width: 983px;}
.absatz{margin-bottom:10px;}
.paragraphTxt{margin-bottom:10px;}
.news_paragraphTxt{margin-bottom:10px;}
.Inhalt {
float: left;
padding: 10px;
width: 750px;}
.Newsbereich {
background-color: #E5EAF3;
float: left;
margin-left: 5px;
margin-top: 16px;
max-height: 103px;
padding: 10px;
background-image:url(http://www.butzke.level9.de/level9_cms/layout/LayoutAllgemein/ecke_03.png);
background-repeat:no-repeat;
background-position:top left;
}
.news_rahmen {
background-color: #A7ABB3;
border: 1px solid #555658;
float: left;
margin-right: 15px;
padding: 10px 10px 0;
width: 140px;
}
.news_paragraphTxt {font-size:12px;}
.Newsbereich h2 {color:#EA3636;}
.clear {clear: both;}
würde mich riesig freuen wenn mir jemand helfen kann =)
LG Niki