zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Firefox interpretiert gehoverten Bildlink falsch

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.07.2009, 15:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.07.2009
Beiträge: 2
Feuerleger befindet sich auf einem aufstrebenden Ast
Standard Firefox interpretiert gehoverten Bildlink falsch

Also ich habe folgendes Problem.
Ich habe einen unsichtbaren Spacer der ist verlinkt und mit css gehovert.
In dem CSS teil zum hovern habe ich ein Background image geschrieben.
Beim IE wird es richtig angezeigt, nur beim Firefox habe ich ca 25px hohe streifen. und keine Bilder.
Testseite
Code:
 a.theconduit:visited{
       background-image:url(http://wkhost.webkicks.de/redlink/vsv/theconduitbannnerout.png);
   width:300px;
   background-position: center center; text-decoration:none ;  border:none;
    padding:0px;
    margin:0px;}

   a.theconduit:link{
       background-image:url(http://wkhost.webkicks.de/redlink/vsv/theconduitbannnerout.png);
   width:300px;
   background-position: center center; text-decoration:none ;  border:none;
    padding:0px;
    margin:0px;}
     a.theconduit:hover{
       background-image:url(http://wkhost.webkicks.de/redlink/vsv/theconduitbannnerin.png);
   width:300px;
   background-position: center center; text-decoration:none ;  border:none;
    padding:0px;
    margin:0px;}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.07.2009, 22:46
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.034
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Wie so oft liegt der Fehler beim IE und nicht beim Firefox. Du hast dem a-Element die Hintergrundgrafik gegeben, das ist ein Inline-Element und kann so keine feste Größe annehmen. Wenn du ein Block-Element daraus machst, dann verhält es sich so wie du möchtest.

(Du verwendest eine Tabelle fürs Layout, das solltest du nicht tun.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.07.2009, 23:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.07.2009
Beiträge: 2
Feuerleger befindet sich auf einem aufstrebenden Ast
Standard

Das mit der Tabelle liegt an einem CMS.

Hmm jetzt nur die frage was ist ein Inline Element und was ein Block Element.
Habe erst seit kurzem angefangen mich mit CSS auseinander zu setzen.
Mit Zitat antworten
  #4 (permalink)  
Alt 26.07.2009, 23:35
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.034
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Zitat:
Zitat von Feuerleger Beitrag anzeigen
Das mit der Tabelle liegt an einem CMS.
Wenn dir das CMS wirklich Tabellen fürs Layout aufzwingt, dann ist es ein schlechtes.

Zitat:
Zitat von Feuerleger Beitrag anzeigen
Hmm jetzt nur die frage was ist ein Inline Element und was ein Block Element.
Habe erst seit kurzem angefangen mich mit CSS auseinander zu setzen.
Ich empfehle dir dich mit den Grundlagen zu befassen, eine gute Einführung findest du hier:
Cascading Style Sheets { Konzepte und Grundlegendes }

Einige Element wie das a-Element sind von Haus aus Inline-Elemente, sie verhalten sich nicht wie Boxen, sondern vereinfacht gesagt wie Text. Du kannst aus ihnen mittels „display: block;“ ein Block-Element machen.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Darstellungsprobleme bei Firefox 3.5 - was mache ich falsch? i_dont_know (X)HTML 1 17.11.2009 15:26
Firefox und IE6 interpretieren width falsch bolshi CSS 5 13.10.2009 15:06
IE interpretiert Layout falsch Vincent Vega CSS 1 05.08.2006 16:57
Site mit Firefox --> Ok ! Mit IE völlig falsch. Warum ? mastermsc CSS 3 05.01.2005 21:46


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:05 Uhr.