13pixelchen: zur Abwechslung tuts mal nicht im Firefox!? inlines.

Hi,

Macht mal bitte einen kurzen Sprung nach enhance.yourpic.net (Ich verlinke die URL absichtlich noch nicht wegen Suchmaschinen) und schaut euch die Navi an. IE und Opera stellen sie einwandfrei dar. Firefox gar nicht. die CSS Datei findet ihr unter /styles.css

Bitte helft mir!
Ich verzweifle noch...

  1. Hi,

    Macht mal bitte einen kurzen Sprung nach enhance.yourpic.net (Ich verlinke die URL absichtlich noch nicht wegen Suchmaschinen) und schaut euch die Navi an. IE und Opera stellen sie einwandfrei dar. Firefox gar nicht. die CSS Datei findet ihr unter /styles.css

    Dein erster Link (die anderen hab ich nicht angeschaut)
    <a href="#" id="picmenu1"></a>
    hat also keinen Inhalt.

    Er hat u.a. folgende Styles:

    display: inline;
    width: 99px; height: 40px

    Mit display:inline sagst Du, daß der Link so breit und so hoch sein soll wie sein Inhalt und daß demzufolge width und height ignoriert werden.
    Der Link hat aber gar keinen Inhalt ==> Breite und Höhe bewegen sich im Bereich zwischen 0 und 0.

    Statt inline eher block verwenden und dazu float.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Ja, er hat keinen Inhalt weil es ja nur ein Image Rollover in CSS werden soll. mit Float und block hab ichs schon probiert, auch das macht ausschließlich Firefox nicht mit.

      Hi,

      Macht mal bitte einen kurzen Sprung nach enhance.yourpic.net (Ich verlinke die URL absichtlich noch nicht wegen Suchmaschinen) und schaut euch die Navi an. IE und Opera stellen sie einwandfrei dar. Firefox gar nicht. die CSS Datei findet ihr unter /styles.css

      Dein erster Link (die anderen hab ich nicht angeschaut)
      <a href="#" id="picmenu1"></a>
      hat also keinen Inhalt.

      Er hat u.a. folgende Styles:

      display: inline;
      width: 99px; height: 40px

      Mit display:inline sagst Du, daß der Link so breit und so hoch sein soll wie sein Inhalt und daß demzufolge width und height ignoriert werden.
      Der Link hat aber gar keinen Inhalt ==> Breite und Höhe bewegen sich im Bereich zwischen 0 und 0.

      Statt inline eher block verwenden und dazu float.

      cu,
      Andreas

      1. Tachchen!

        Ja, er hat keinen Inhalt weil es ja nur ein Image Rollover in CSS werden soll. mit Float und block hab ichs schon probiert, auch das macht ausschließlich Firefox nicht mit.

        Andere haben es hinbekommen. ;-)

        Gruß

        Die schwarze Piste

        --
        ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
        http://www.smartbytes.de
        PLAYMOBIL "Haus der Hoffnung"
  2. Tachchen!

    Display:inline und width-Angaben schließen sich schon begrifflich aus.

    Gruß

    Die schwarze Piste

    --
    ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
    http://www.smartbytes.de
    PLAYMOBIL "Haus der Hoffnung"
    1. Hi,

      Display:inline und width-Angaben schließen sich schon begrifflich aus.

      Eigentlich nicht. "xxxxxx" hat schließlich auch stets eine Breite von "6ex" ohne daß der Inline-Status schaden nimmt. ;)

      Gruß, Cybaer

      --
      Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
      1. Tachchen!

        Eigentlich nicht. "xxxxxx" hat schließlich auch stets eine Breite von "6ex" ohne daß der Inline-Status schaden nimmt. ;)

        Um deiner Ansicht zu widersprechen, hätte ich schreiben müssen,
        "Inline-Elemente haben keine Breite" ... habe ich aber nicht! ;-)

        Gruß

        Die schwarze Piste

        --
        ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
        http://www.smartbytes.de
        PLAYMOBIL "Haus der Hoffnung"
  3. Erstaunlich. Schon wieder macht Firefox Probleme.

    Ich hab zuviel Space unter dem großen Bild im Firefox, im IE und Opera nicht. Es sind ca. 4 Pixel zu viel weiß, wodurch der Rahmen ungleichmäßig ist. Weiß jemand warum diesmal?

    PS: Die Bilder habe ich nun durch ein Javascript Rollover gelöst. Ich habe nach zwei Stunden Recherche keine einfachere CSS Methode gefunden, obwohl ich ja gerne alles in CSS machen würde.

    Hi,

    Macht mal bitte einen kurzen Sprung nach enhance.yourpic.net (Ich verlinke die URL absichtlich noch nicht wegen Suchmaschinen) und schaut euch die Navi an. IE und Opera stellen sie einwandfrei dar. Firefox gar nicht. die CSS Datei findet ihr unter /styles.css

    Bitte helft mir!
    Ich verzweifle noch...