shackler: Pop-Up; CSS oder FF buggy?

SELF-Forum

Pop-Up; CSS oder FF buggy?

shackler
– Informationen zu den Bewertungsregeln

Hallo,

der Code (HTML + CSS) ist valide, aber Firefox 3.0.12 zeigt

Flz akf afkld BandnameA or B!) Again w/o links: Bandname.

an anstatt

Flz akf afkld Bandname Again w/o links: Bandname.

Wie erreiche ich es, dass Firefox 3.0.12 das entsprechend darstellt und nur beim drübergehen mit der Maus das Pop-Up samt ggf. Links anzeigt? Alles möglichst ohne JavaScript und optional gern auch IE-kompatibel.

Danke im Voraus!
George

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
<style type="text/css">
a { position: relative; }
a span { display: none; }
a:hover > span { display:block; position: absolute; top: auto; left: 0px; background: #fdd; }
</style>
</head>
<body>
<p>Flz akf afkld <a href="http://bandhomepage">Bandname<span> (Alternative: <a href='http://a'>A</a> or <a href='http://mspce/'>B</a>!)</span></a>
Again w/o links: <a href="http://bandhomepage">Bandname<span> (Alternative: A or B!)</span></a>.</p>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Pop-Up; CSS oder FF buggy?

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    der Code (HTML + CSS) ist valide, aber Firefox 3.0.12 zeigt

    Nö, ist er nicht.

    a darf kein a enthalten.
    (Auch wenn der Validator das nicht anmeckert, weil das in XML-Doctypes formal nicht ausdrückbar ist).

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Pop-Up; CSS oder FF buggy?

    töbi
    – Informationen zu den Bewertungsregeln

    hallo shackler

    Firefox nimmt an, dass es dein Fehler ist, wenn du links in einander verschachtelst.
    Also wirft er die zwei Links aus dem ersten raus.

    aus:

      
  
    <a href="http://bandhomepage">  
      Bandname  
      <span>  
        (Alternative:  
          <a href='http://a'>A</a>  
        or  
        <a href='http://mspce/'>B</a>  
        !)  
      </span>  
    </a>

    wird effektiv:

      
  
  <a href="http://bandhomepage">  
    Bandname  
    <span> (Alternative: </span>  
  </a>  
  <a href="http://a">A</a>  
  or  
  <a href="http://mspce/">B</a>

    Gruss
    drag&drop cms

    Hallo,

    der Code (HTML + CSS) ist valide, aber Firefox 3.0.12 zeigt

    Flz akf afkld BandnameA or B!) Again w/o links: Bandname.

    an anstatt

    Flz akf afkld Bandname Again w/o links: Bandname.

    Wie erreiche ich es, dass Firefox 3.0.12 das entsprechend darstellt und nur beim drübergehen mit der Maus das Pop-Up samt ggf. Links anzeigt? Alles möglichst ohne JavaScript und optional gern auch IE-kompatibel.

    Danke im Voraus!
    George

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>test</title>
    <style type="text/css">
    a { position: relative; }
    a span { display: none; }
    a:hover > span { display:block; position: absolute; top: auto; left: 0px; background: #fdd; }
    </style>
    </head>
    <body>
    <p>Flz akf afkld <a href="http://bandhomepage">Bandname<span> (Alternative: <a href='http://a'>A</a> or <a href='http://mspce/'>B</a>!)</span></a>
    Again w/o links: <a href="http://bandhomepage">Bandname<span> (Alternative: A or B!)</span></a>.</p>
    </body>
    </html>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln