NochSoEiner:D
Neues Mitglied
hey leutz!
Ich habe folgendes Problem:
ich habe ein Hintergrund Bild ( vom body tag )
darüber habe ich ein anderes hintergrundbild gelegt ( in einer div )
und unter dem hintergrundbild sollte ein Menü sein dessen menüpunkte links und rechts vom div-hintergrund liegen sollen
tja und das Menü ist mein problemkind - ich krieg erstens das mit dem links und rechts nicht hin und zweitens krieg ich das mit dem hinter das andere-hintergrundbild-legen nicht hin -.-
anmerkung: ich darf keine genauen Pixel in der weite angeben , da die website für meine klasse bestimmt ist und die teilweise noch win98 mit nem 10zoll Bildschirm haben also wenns geht nur Sachen bei denen ich die site in % angeben kann.
hier mal der code:
<div id="container">
<div id="hed">
<div id="menu" class="a" align="center"><!-- das ist das menu -->
<div id="mr" >
<a href="">HOME</a>
<a href="">DOKUMENTE</a>
</div>
<div id="ml" >
<a href="">KALENDER</a>
<a href="">CONTACT</a>
</div>
</div>
</div>
</div>
und da der css teil:
body {
background-image: url(images/head1.png) ;
background-repeat: repeat-x;
}
#container {
margin-right:15%;
margin-left: 15%;
border-width: 1px;
border-style: solid;
border-color: #9b9b9b;
background-color: rgba(0,0,0,0.0);
-moz-border-radius:30px;
-khtml-border-radius:30px;
-moz-box-shadow: 0px0px20px2px#aeaeae;
-webkit-box-shadow: 0px0px20px2px#aeaeae;
box-shadow:0px0px20px2px#aeaeae ;
min-height: 1350px;
}
#hed {
background-image: url(images/Logo4.png) ;
background-repeat: no-repeat ;
background-position: centertop;
display: ;
}
#menu {
background-image:url(images/menu.png);
background-position: center ;
background-repeat: repeat-x;
min-height: 50px;
font-size: 20px;
text-align: center ;
width: 100% ;
float: left ;
z-index: -1;
margin-top: 32px;
}
#menua:link {
(...)
}
#menu a:hover {
(...)
}
#menu a:visited {
(...)
}
Ich habe folgendes Problem:
ich habe ein Hintergrund Bild ( vom body tag )
darüber habe ich ein anderes hintergrundbild gelegt ( in einer div )
und unter dem hintergrundbild sollte ein Menü sein dessen menüpunkte links und rechts vom div-hintergrund liegen sollen
tja und das Menü ist mein problemkind - ich krieg erstens das mit dem links und rechts nicht hin und zweitens krieg ich das mit dem hinter das andere-hintergrundbild-legen nicht hin -.-
anmerkung: ich darf keine genauen Pixel in der weite angeben , da die website für meine klasse bestimmt ist und die teilweise noch win98 mit nem 10zoll Bildschirm haben also wenns geht nur Sachen bei denen ich die site in % angeben kann.
hier mal der code:
<div id="container">
<div id="hed">
<div id="menu" class="a" align="center"><!-- das ist das menu -->
<div id="mr" >
<a href="">HOME</a>
<a href="">DOKUMENTE</a>
</div>
<div id="ml" >
<a href="">KALENDER</a>
<a href="">CONTACT</a>
</div>
</div>
</div>
</div>
und da der css teil:
body {
background-image: url(images/head1.png) ;
background-repeat: repeat-x;
}
#container {
margin-right:15%;
margin-left: 15%;
border-width: 1px;
border-style: solid;
border-color: #9b9b9b;
background-color: rgba(0,0,0,0.0);
-moz-border-radius:30px;
-khtml-border-radius:30px;
-moz-box-shadow: 0px0px20px2px#aeaeae;
-webkit-box-shadow: 0px0px20px2px#aeaeae;
box-shadow:0px0px20px2px#aeaeae ;
min-height: 1350px;
}
#hed {
background-image: url(images/Logo4.png) ;
background-repeat: no-repeat ;
background-position: centertop;
display: ;
}
#menu {
background-image:url(images/menu.png);
background-position: center ;
background-repeat: repeat-x;
min-height: 50px;
font-size: 20px;
text-align: center ;
width: 100% ;
float: left ;
z-index: -1;
margin-top: 32px;
}
#menua:link {
(...)
}
#menu a:hover {
(...)
}
#menu a:visited {
(...)
}