nicht angemeldet
Überlappung von Elementen
Hallo,
spiel gerad n bissel mit css rum, und es klappt mal wieder nix... ich möchte das sich mein ul und der inhalt bereich überlappen hab gedacht dazu kann man z-index nehmen und dann einfach die elemente mit padding etwas über einander schieben,naja auf jedenfall geht es nicht die bereiche wollen nicht übereinander.
<style type="text/css">
body {
color: black;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 0em;
}
h1 {
background:url(bg/bg.png);
text-align:center;
font-size:1.75em;
border:2px solid #FF9900;
margin-left:5em;
margin-right:5em;
}
ul#navigation {
border: 1px dashed #FF9900;
font-size: 1em;
float:left;
margin-top:0em;
margin-left:2em;
z-index:1;
}
ul#navigation li {
width: 20em;
list-style: none;
margin: 0.5em; padding: 0em;
}
ul#navigation a {
display:block;
font-weight: bold;
border:1px dashed blue;
}
ul#navigation a:link,a:visited,a:active{
color: black;
background-color:#FFFFCC;
text-decoration:none;
}
ul#navigation a:hover{
background-color:#FFFF99;
font-style:italic;
margin-left:0.5em;
}
p#Inhalt {
background: url(bg/gutentag.png) no-repeat 20em 0em;
margin-left: 20em;
margin-right:3em;
padding: 1em;
border: 1px dashed #FF9900;
height:25em;
width:28em;
z-index:0;
}
Naja wär schön wenn sich jem. diesen murks mal anschaut*G*.
MFG Hagen
-
hi,
Naja wär schön wenn sich jem. diesen murks mal anschaut*G*.
Been there, done that.
Und nu?
Abgesehen davon, dass CSS-Code allein, ohne das zugehörige HTML, wenig aussagt - ich habe immer noch keine genaue Vorstellung davon, was du jetzt eigentlich erreichen willst.
Bitte beschreibe das zunächst mal etwas detailierter und anschaulicher.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
moin wahsaga,
der quatsch hier soll mal der passende HTML Code sein:
</head>
<body bgcolor="#CCCCCC" bgcolor="#3399FF">
<h1>Überschrift</h1>
<p id="inhalt">
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
kfapsdifops ifposdifopsdifopsdi pofsdiopf isdopfisdopi<br />
</p>
<ul id="navigation">
<li><a href="">Nav I</a></li>
<li><a href="">Nav II</a></li>
<li><a href="">Nav III</a></li>
<li><a href="">Nav IV</a></li>
<li><a href="">Nav V</a></li>
</ul>
</body>
</html>nun möcht ich, dass ul id navigation ein stück über dem rahmen des p bereiches liegt und die navigation dann vom text "umflossen wird";
MFG Hagen
-
hi,
nun möcht ich, dass ul id navigation ein stück über dem rahmen des p bereiches liegt und die navigation dann vom text "umflossen wird";
OK, für den Umfluss sorgst du natürlich mittels float.
Und um die Navigation von ihrer Normalposition ein wenig zu verschieben, böte sich wohl relative Positionierung an.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Sowas is blöd... ich überleg und probier und mach und du... ach nimm dochmal relative Positionierung... und es geht.*G*
MFG Hagen
-
mmh eine Frage noch kann man einen p bereich wie in meinen stylesheets scrollbar machen, also wenn der text länger ist als die feste größe des bereichs das man runterscrollen kann und sich nicht der p bereich vergrößert?
MFG Hagen
-
hi,
mmh eine Frage noch kann man einen p bereich wie in meinen stylesheets scrollbar machen, also wenn der text länger ist als die feste größe des bereichs das man runterscrollen kann und sich nicht der p bereich vergrößert?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
-
-
-
-