Frank: Linkproblem nach CSS-Anweisung

ich möchte eine Grafik, die ich mit CSS (position:absolute...) am Bildschirm positioniert habe, also Hyperlink benutzen und habe foldenden Code eingegeben:

<div stye="position:absolute;top:150pt;left:5pt;quote;>
<a href="links.htm">
<img src="links.jpg"></a>

Im Browser (Explorer4.0) erscheint die Grafik zwar am richtigen Platz, läßt sich jedoch nicht anklicken...!?

  1. ich möchte eine Grafik, die ich mit CSS (position:absolute...) am Bildschirm positioniert habe, also Hyperlink benutzen und habe foldenden Code eingegeben:

    »»

    <div stye="position:absolute;top:150pt;left:5pt;quote;>
    <a href="links.htm">
    <img src="links.jpg"></a>

    »»

    Im Browser (Explorer4.0) erscheint die Grafik zwar am richtigen Platz, läßt sich jedoch nicht anklicken...!?

    da fehlt ein " am Ende der CSS-Definition (und vorne ein "l" - aber das wohl nur hier)

  2. ich möchte eine Grafik, die ich mit CSS (position:absolute...) am Bildschirm positioniert habe, also Hyperlink benutzen und habe foldenden Code eingegeben:

    »»

    <div stye="position:absolute;top:150pt;left:5pt;quote;>
    <a href="links.htm">
    <img src="links.jpg"></a>

    »»

    Im Browser (Explorer4.0) erscheint die Grafik zwar am richtigen Platz, läßt sich jedoch nicht anklicken...!?

    Versuch es mal so:

    <DIV ID="keine Ahnung ob Du die belegst" STYLE="WIDTH:100px; HEIGHT:100px; POSITION:absolute; TOP:100px; LEFT:100px; VISIBILITY:visible; Z-INDEX:1">
      <A HREF="xxxx.htm"><IMG SRC="images/xxxx.jpg" WIDTH=100 HEIGHT=100 BORDER=0 ALT=""></A>
    </DIV>

    So klappts nämlich!

    ru, Jens

  3. Hallo Frank!

    <div stye="position:absolute;top:150pt;left:5pt;quote;>
    <a href="links.htm">
    <img src="links.jpg"></a>

    »»

    Im Browser (Explorer4.0) erscheint die Grafik zwar am richtigen Platz, läßt sich jedoch nicht anklicken...!?

    Mache es so:
    <a href="links.htm"><div stye="position:absolute; top:150pt; left:5pt;"><img src="links.jpg"></div></a>

    Grüße
    Thomas

    1. Hallo Frank!

      Ich sollte mir copy&past abgewöhnen! ;-)
      Also zum 2.

      Mache es so:
      <a href="links.htm"><div style="position:absolute; top:150pt; left:5pt; width:100px;"><img src="links.jpg"></div></a>

      Einen Wert für "width" solltest du beim absolut positionerten Elementen immer angeben. Es schadet dann auch nicht, wenn du width und height auch für das Bild angibst, wobei  div:width = img:width sein kann.

      Grüße
      Thomas

      Grüße
      Thomas