Antworten auf deine Fragen:
Neues Thema erstellen

Bild hängt im Footer

Lona

Aktives Mitglied

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


Code:
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
 
Zuletzt bearbeitet von einem Moderator:

Zeromax

Noch nicht viel geschrieben

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

Aktives Mitglied

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

Noch nicht viel geschrieben

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:
Code:
#info { z-index : 100; height : 22em; }
Kommentiere diesen mal wie folgt aus. Das sieht dann so aus:
Code:
/*#info { z-index : 100; height : 22em; }*/
Probiere es mal aus. Damit könnte dein Problem behoben sein.
 

Lona

Aktives Mitglied

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

Aktives Mitglied

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

Aktives Mitglied

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

Code:
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; }
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben