Bild hängt im Footer

[Lona]

Ich hatte schonmal geschrieben,man möge mir den Doppelpost nachsehen...aber es ist glaube ich unter gegangen weil ich keine aussagefähigen Titel gewählt habe.

Ich hab einen Code gefunden wo man Bilder hovern kann..bei meinem Versuch hat es so weit geklappt nur das Bild hängt im Footer und ich kriege es nicht hin.
Könnte mal jemand gucken??Wäre total nett wennh ihr mir helfen könntet,drum schonmal Danke im voraus

a.p1 {
display : block;
width : 75px;
height : 75px;
text-decoration : none;
background : #fff;
border : 0;
margin : 20px 0 0 100px;
float : left;
}
a.p1 img {
display : block;
border : 0;
}
a.p1:hover {
text-decoration : none;
background-color : #8c97a3;
color : #000;
position : relative;
z-index : 500;
}
a.p1 b {
display : block;
position : absolute;
left : -9999px;
padding : 10px;
}
a.p1:hover b {
top : -65px;
left : 110px;
padding : 10px;
border : 1px solid #aaa;
background : #fff;
}
#info {
z-index : 100;
height : 22em;
}

Hier ist der Code...an was kann es denn liegen? Mit Z Index kenne ich mich überhaupt nicht aus. Es ist die bild.css

 

[Zeromax]

AW: Bild hängt im Footer

Zuerst mal, falls du Firefox User bist empfehle ich dir Folgendes Tool:
Firebug
Damit kannst du zur Laufzeit CSS Dateien und HTML Manipulieren wie du es willst um es später dann richtig einzufügen. Opera hat sowas auch Integriert. Mit den Restlichen Browsern kenne ich mich nicht aus aber ich denke mal, da gibt es so was ähnliches auch.

Ich habe zwei Sachen aus der Definition "a.p1" entfernt :

• display : block;
• float : left;

Dein Hover Effekt geht trotzdem noch.

 

[Lona]

AW: Bild hängt im Footer

Danke für die Antwort...ist das Bild denn dadurch in der richtigen Position?Im Inhaltsbereich?
Firebug habe ich, nur komm ich (noch) nicht damit so klar. Ich werds versuchen und bin gespannt.
Ich melde mich nochmal,wenn ichs ausprobiert habe.
schönen Abend noch

 

[Uwe367]

AW: Bild hängt im Footer

Hi Lona,

Zum Thema z-index kannst du hier mal lesen:
z-index: Überlappung: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Es könnte an dem z-index liegen, aber sicher bin ich mir im Moment nicht.
Zur Zeit sieht die Zeile in der bild.css so aus:

#info { z-index : 100; height : 22em; }

Kommentiere diesen mal wie folgt aus. Das sieht dann so aus:

/*#info { z-index : 100; height : 22em; }*/

Probiere es mal aus. Damit könnte dein Problem behoben sein.

 

[Zeromax]

AW: Bild hängt im Footer

Ja, wird alles richtig angezeigt .

 

[Lona]

AW: Bild hängt im Footer

Danke Zeromax das wars jetzt ist es OK vielen herzlichen Dank für die Hilfe
schönen Restsonntag
und LG Lona

 

[Doitsu]

AW: Bild hängt im Footer

Nur so nebenbei:
Ich wuerde das Bild per display: none; ausblenden und im over dann mit display: block; (im b tag) wieder einblenden.. Das erspart die den Scrollbalken und dieses 'springen' der Webseite ..

 

[Lona]

AW: Bild hängt im Footer

Ich muss nochmal nerven wegen dem Hover Bild...ich hätte liebend gerne die Bilder nebeneinander -das bekomme ich wieder mal nicht hin,sie erscheinen untereinander was könnte ich tun?
Nochmal der Link zur Seite


bild.css

a.p1 {  width : 75px; height : 75px; text-decoration : none; background : #fff; border : 0; margin : 20px 0 0 100px;  } a.p1 img { display : block; border : 0; } a.p1:hover { text-decoration : none; background-color : #8c97a3; color : #000; position : relative; z-index : 500; } a.p1 b { display : block; position : absolute; left : -9999px; padding : 10px; } a.p1:hover b { top : -65px; left : 110px; padding : 1px; border : 1px solid #aaa; background : #000000; } #info { z-index : 100; height : 22em; }

 

[Kerstin77]

AW: Bild hängt im Footer

Hallo,

wenn die Bilder nebeneinander stehen sollen, musst Du das display:block rausnehmen.

Grüße,
Kerstin