Suche im Forum:
Suchen


Autor Nachricht
Beitrag06.10.2009 um 11:21 (UTC)    
Titel: CSS Klasse nach oben legen ? (z-index: ... ;) ?!

Hallo zusammen,

ich habe meiner Homepage nun noch eine Box hinzugefügt, diese soll "auf" dem Header "liegen"(sodas man die Bilder anwählen kann, diese sind verlinkt).
Mir wurde gesagt das ich dies mit "z-index:2;" erzwingen kann.
Aber leider geht der Befehl nicht bei mir.
Habe auch schon das Forum durchsucht aber nix gefunden, Googel spukt auch nix aus.

Ich hoff ihr könnt mir da weiter helfen.

Hier mein Code:

Text über dem Design
Code:


<div id="epDesign">

<div id="New_pics"><u><strong>Meine neusten Wallpaper</strong></u><br />
<a target="_blank" href="http://img.webme.com/pic/e/ernie-produktion/xmr222.jpg"><img height="83" border="0" width="110" src="http://img.webme.com/pic/e/ernie-produktion/xmr222.jpg" alt="" /></a>  <a target="_blank" href="http://img.webme.com/pic/e/ernie-produktion/xmr221.jpg"><img height="83" border="0" width="110" src="http://img.webme.com/pic/e/ernie-produktion/xmr221.jpg" alt="" /></a>  <a target="_blank" href="http://img.webme.com/pic/e/ernie-produktion/xmr220.jpg"><img height="83" border="0" width="110" src="http://img.webme.com/pic/e/ernie-produktion/xmr220.jpg" alt="" /></a>  <a target="_blank" href="http://img.webme.com/pic/e/ernie-produktion/xmr218.jpg"><img height="83" border="0" width="110" src="http://img.webme.com/pic/e/ernie-produktion/xmr218.jpg" alt="" /></a><br /></div>

<div id="Header_oben"></div>

<div id="Streifen_oben">    <a href="http://ernie-produktion.de.tl/Home.htm"><img border="0" alt="" src="http://img.webme.com/pic/e/ernie-produktion/button_2_home.png" /></a> <a href="http://ernie-produktion.de.tl/G.ae.stebuch.htm"><img border="0" alt="" src="http://img.webme.com/pic/e/ernie-produktion/button_2_gbook.png" /></a> <a href="http://ernie-produktion.de.tl/-Ue-ber-mich.htm"><img border="0" alt="" src="http://img.webme.com/pic/e/ernie-produktion/button_2_aboutme.png" /></a> <a href="http://ernie-produktion.de.tl/Kontakt.htm"><img border="0" alt="" src="http://img.webme.com/pic/e/ernie-produktion/button_2_contact.png" /></a> <a href="http://ernie-produktion.de.tl/Referenzen.htm"><img border="0" alt="" src="http://img.webme.com/pic/e/ernie-produktion/button_2_work.png" /></a> <a href="http://ernie-produktion.de.tl/Homepage-Tools.htm"><img border="0" alt="" src="http://img.webme.com/pic/e/ernie-produktion/button_2_gfx.png" /></a> <a href="http://ernie-produktion.de.tl/Links_Banner_Tausch.htm"><img border="0" alt="" src="http://img.webme.com/pic/e/ernie-produktion/button_2_links.png" /></a> <a href="http://ernie-produktion.de.tl/Impressum.htm"><img border="0" alt="" src="http://img.webme.com/pic/e/ernie-produktion/button_2_impreesum.png" /></a><br /></div>

<link rel="shortcut icon" href="http://img.webme.com/pic/e/ernie-produktion/epcss_adresspic.jpg" type="image/ico" />




CSS-Code ohne Style Tags
Code:

* { padding: 0; margin: 0; }

body {background-color:#;
background-image: url(http://img.webme.com/pic/h/hells-guardians/epcss_backgroung.jpg);}

#epDesign {
margin: 20 auto ;
width: 922px;}

#New_pics {
z-index:2;
height: 120px;
width: 470px;
background: #;
background-image:url();
color: #000000;
border: px solid #000000;
margin: 50px -20px -250px 0px;
padding: 0px;
float: right;
overflow:auto;}

#Header_oben {
z-index:1;
color: #333;
width: 976px;
height: 323px;
float: left;
padding: 10px;
border: 0px solid #80807F;
margin: 0px 0px 0px 2px;
background-image: url(http://img.webme.com/pic/e/ernie-produktion/epcss_header3.png);
background: #;}

#Streifen_oben {
color: #333;
width: 915px;
height: 29px;
float: left;
padding-top: 2px;
border: px solid #80807F;
margin: 0px 0px 0px 74px;
background-image: url(http://img.webme.com/pic/h/hells-guardians/epcss_navifeld2.jpg);
background: #;}

#content {
text-align: left;
color: #333;
border: 0px solid #80807F;
margin: 0px 0px 0px 82px;
padding: 10px;
height: 523px;
width: 588px;
float: left;
background-image: url(http://img.webme.com/pic/h/hells-guardians/epcss_content2.jpg);
background-repeat: repeat;
background: #;
overflow:auto;
}

#sidebar_container {
height: 523px;
width: 280px;
background: #;
background-image:url(http://img.webme.com/pic/h/hells-guardians/epcss_sidebar2.jpg);
color: #000000;
border: 0px solid #6E6E6E;
margin: 0px -68px 0px -65px;
padding: 10px;
float: right;
overflow:auto;}

#Streifen_unten {
height: 63px;
width: 895px;
clear: both;
color: #333;
border: 0px solid #80807F;
background-image:url(http://img.webme.com/pic/h/hells-guardians/epcss_feldunten.jpg);
background: #;
margin: 0px 0px 10px 75px;
padding: 10px;}


#counter{text-align:center;}


-Linkformnatierung-
body {background-color:#F2F2F2;}
a{color:#000080; font-size: 12px; text-decoration: none;}
a:hover {color: #000080; font-size: 12px; text-decoration: none;}
a:link {color: #000080; font-size: 12px; text-decoration: none;}
a:active {color: #000080; font-size: 12px; text-decoration: none;}
a:visited {color: #000080; font-size: 12px; text-decoration: none;}


-Klassen entfernen-
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}


Zuletzt bearbeitet von ernie-produktion am 06.10.2009, 12:28, insgesamt einmal bearbeitet
Beitrag06.10.2009 um 16:57 (UTC)    
Titel:

He,

also das Problem wegen dem anzeigen habe ich behoben,

So:

#New_pics {
position: absolute;
height: 120px;
width: 470px;
background: #;
background-image:url();
color: #000000;
border: 0px solid #000000;
margin: 50px 0px 0px 460px;
padding: 10px;
float: left;
overflow:auto;}

nur ist nun ein neues Prorblem aufgetreten Crying or Very sad .

Im FF wird alles angezeigt wie es sein soll, jedoch im IE ist die box mit den bilder TOTAL weit rechts und auch viel zu weit unten.

Hat vlt dafür jemand eine Lösung oder einen passenden Code ?

Lg Ernie
Beitrag06.10.2009 um 17:34 (UTC)    
Titel:

Hi, ICH nochmal^^

hier nun meine LÖSUNG :

#New_pics {
position:absolute;
z-index:2;
height: 120px;
width: 470px;
top: 180px;
left: 460px;

background: #;
background-image:url();
color: #000000;
border: 0px solid #000000;
padding: 10px;
float: left;
overflow:auto;}

#Header_oben {
z-index:1;
color: #333;
width: 976px;
height: 323px;
float: left;
padding: 10px;
border: 0px solid #80807F;
margin: 0px 0px 0px 2px;
background-image: url(http://img.webme.com/pic/e/ernie-produktion/epcss_header3.png);
background: #;}



Ich hoffe ich kann damit jemandem helfen der das selbe Prob hat oder haben wird.

Lg Ernie-Produktion


Ps: Könnt von mir aus zu machen.


Zuletzt bearbeitet von ernie-produktion am 06.10.2009, 18:35, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de