• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Firefox macht Mist

Status
Für weitere Antworten geschlossen.
7

777

Neues Mitglied
Hey ihr,
Ich habe mir nun eine eigene Homepage gemacht und mein Menü sollte folgendermaßen aussehen:

menue.JPG


Der gelbe Button signalisiert einen "Hover" effekt ;-)

Im Internetexplorer habe ich das Menü genauso hinbekommen.
Im Firefox sieht das ganze jedoch mehr oder weniger nach nichts aus.

menue2.JPG


Habe leider weder einen passenden Doctype gefunden noch irgendeine Möglichkeit, dass der Firefox auch die Befehle "width" und "height" im Divfooter erkennt.


Im Internet habe ich das selbe Problem, wie meins schon oft gefunden- in den Threads da hat man dann jedoch irgendwelche Lösungen mit Javascript gepostet.
Javascript kann ich aber nicht- gibt es noch andere Möglichkeiten?
Danke für alle Antworten!!

cya
David
 
bitte relevanten Code posten, erst dann kann man weiterhelfen. ;)

Habe leider weder einen passenden Doctype gefunden noch irgendeine Möglichkeit...
Zum Vergrößern anklicken....

mehr dazu findest du in meiner Signatur. ich denke aber nicht, das die lösung der doctype ist.
 
Mhh.. habt recht.
Sry :-)
Hochgeladen ist das Menü hier: Linkmenü:

Mein Code:

Code: 
<html>
<title>Linkmenü</title>
<head></head>
<style type = "text/CSS">
body
{
   cursor: URL("sieben.cur");
   font-family: tahoma;
   color: black;
   font-size:10pt;
   background-color:black;
}

 a.button:link
 {
   cursor: URL("sieben.cur");
   width:75px;
   height: 23px;
   background-image: URL("bilder/link.jpg");
   background-repeat:no-repeat;
   background-color:transparent;
   font-family: tahoma;
   color: black;
   font-size:10pt;
   text-decoration:none;
   text-align:center;
   padding-top:2pt;
 }
 a.button:visited
 {
   cursor: URL("sieben.cur");
   width:75px;
   height: 23px;
   background-image: URL("bilder/link.jpg");
   background-repeat:no-repeat;
   background-color:transparent;
   font-family: tahoma;
   color: black;
   font-size:10pt;
   text-decoration:none;
   text-align:center;
   padding-top:2pt;
 }
 a.button:hover
 {
   cursor: URL("sieben.cur");
   width:75px;
   height: 23px;
   background-image: URL("bilder/hover.jpg");
   background-repeat:no-repeat;
   background-color:transparent;
   font-family: tahoma;
   color: black;
   font-size:10pt;
   text-decoration:none;
   text-align:center;
   padding-top:2pt;
   cursor: URL("sieben.cur");
 }
 a.button:active
 {
   cursor: URL("sieben.cur");
   width:75px;
   height: 23px;
   background-image: URL("bilder/link.jpg");
   background-repeat:no-repeat;
   background-color:transparent;
   font-family: tahoma;
   color: black;
   font-size:10pt;
   text-decoration:none;
   text-align:center;
   padding-top:2pt;
   }
 a.button:focus
 {
   cursor: URL("sieben.cur");
   width:75px;
   height: 23px;
   background-image: URL("bilder/link.jpg");
   background-repeat:no-repeat;
   background-color:transparent;
   font-family: tahoma;
   color: black;
   font-size:10pt;
   background-color:black;
   text-decoration:none;
   text-align:center;
   padding-top:2pt;
 }

</style>
<body onselectstart="return false">

   <a onfocus="if(this.blur)this.blur()"  class = "button" href="thatsme_1.php">That's me</a><br><br>

   <a onfocus="if(this.blur)this.blur()"   class = "button" href="thatsme_2.php">Hobbies</a><br><br>

   <a onfocus="if(this.blur)this.blur()"   class = "button" href="thatsme_3.php">Gästebuch</a><br><br>

   <a onfocus="if(this.blur)this.blur()"   class = "button" href="thatsme_4.php">Musik</a><br><br>

   <a onfocus="if(this.blur)this.blur()"   class = "button" href="thatsme_5.php">Bilder</a><br><br>

   <a onfocus="if(this.blur)this.blur()"   class = "button" href="thatsme_6.php">Fun</a><br><br>

</body>

</html>
 
erstmal eine frage: warum definierst du in den verschiedenen zuständen (hover, actve ect.) immer alle eigenschaften neu? schreib dort nur das rein, was sich ändert.

zur lösung: setzt das tag <a> auf display:block;
 
HAMMERGEIL!
jetzt geht das sofort ;)
Hey- vielen Dank.
Ja das mit den Eigenschaften ist doof... änder ich gleich mal- war mir währed meiner Programmierverwirrtheit nicht aufgefallen x.x.
Kann es eig sein, dass Zeilenumbrüche beim Mozilla größer sind als im IE?

cya
David
 
eigentlich nicht. allerdings werden abstände zwischen elementen unzterschiedlich definiert. setz mal am anfang deiner *.css folgendes:
Code: 
*{
padding:0;
margin:0;
}
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben