jappadidu: ich will einen listenpunkt verlinken, wie geht das?

guten abend euch allen!

ich hab ne frage und zwar: wie kann ich einen ganzen listenpunkt verlinken?

wenn ich sowas mache:

<ul>
<a href="irgendwas.html"><li><img src="bild.jpg"></li></a>
</ul>

und wenn ich dann <li> noch ein padding-top:50px gebe (mit css), dann ist zwar das bild verlinkt, aber der abstand über dem bild nicht.
wie kann ich es hinkriegen dass auch der abstand verlinkt ist?

vielen dank!

  1. Hi jappadidu,

    wenn ich sowas mache:
    <ul>
    <a href="irgendwas.html"><li><img src="bild.jpg"></li></a>
    </ul>

    Ist das Grundsätzlich falsch!

    und wenn ich dann <li> noch ein padding-top:50px gebe (mit css), dann ist zwar das bild verlinkt, aber der abstand über dem bild nicht.
    wie kann ich es hinkriegen dass auch der abstand verlinkt ist?

    Wenn du es korrigiert hast dürfte das kein Problem mehr sein.
    Kurze Erläuterung, <a href ist ein inline Element und kein listen Element, krempel das ganze einfach um.

    Grüße aus H im R,
    Engin

    1. Hi jappadidu,

      wenn ich sowas mache:
      <ul>
      <a href="irgendwas.html"><li><img src="bild.jpg"></li></a>
      </ul>

      Ist das Grundsätzlich falsch!

      da gibts nur den fehler "No Character Encoding Found! Using utf-8.". und firefox zeigt mir auch keine fehler in der fehlerkonsole an.

      und wenn ich dann <li> noch ein padding-top:50px gebe (mit css), dann ist zwar das bild verlinkt, aber der abstand über dem bild nicht.
      wie kann ich es hinkriegen dass auch der abstand verlinkt ist?

      Wenn du es korrigiert hast dürfte das kein Problem mehr sein.
      Kurze Erläuterung, <a href ist ein inline Element und kein listen Element, krempel das ganze einfach um.

      also so?:

      <li><a href="irgendwas.html"><img src="bild.jpg"></a></li>

      aber auch dann kann ich nicht den ganzen listenpunkt (der ist z.b. 200px breit und 300px hoch und es gibt noch 50px padding) nicht als link anklicken. was muss ich denn jetzt noch machen? ich hab auch versucht den link mit display: block zu vergrößern aber auch dann ist es nicht anklickbar sondern nur das bild selber und nicht der abstand bis zum ende von <li>.

      1. Hi jappadidu,

        Ist das Grundsätzlich falsch!

        da gibts nur den fehler "No Character Encoding Found! Using utf-8.". und firefox zeigt mir auch keine fehler in der fehlerkonsole an.

        "Nur" ist gut. :) Da fehlt dir anscheinend was wichtiges in deiner Seite.

        also so?:

        <li><a href="irgendwas.html"><img src="bild.jpg"></a></li>

        aber auch dann kann ich nicht den ganzen listenpunkt (der ist z.b. 200px breit und 300px hoch und es gibt noch 50px padding) nicht als link anklicken.

        Kann dein Problem leider nicht so ganz nachvollziehen.
        Schau in den Quelltext, was ich gemacht habe und vergleich das mit dem, was du gemacht hast.

        Grüße aus H im R,
        Engin

  2. hallo,

    wenn ich sowas mache:
    <ul>
    <a href="irgendwas.html"><li><img src="bild.jpg"></li></a>
    </ul>

    ...machst du Unfug, das heißt hier: du erzeugst ungültigen (invaliden) HTML-Code. Schau doch bitte erstmal in SELFHTML nach, um dich über inline- und Blockelemente zu informieren.
    Allerdings: die in SELFHTML enthaltene Auflistung verweigert dir nun leider eine exakte Auskunft über <li>. Da muß man sich dann eben beim W3C umschauen.

    wie kann ich es hinkriegen dass auch der abstand verlinkt ist?

    Es geht nicht darum, irgendeinen Abstand zu "verlinken", sondern es geht dir offensichtlich darum, dem richtigen HTML-Element die gewünschten Abstände zuzuordnen.

    vielen dank!

    Bittesehr, gern geschehen.

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|
  3. Moin,

    <ul>
    <a href="irgendwas.html"><li><img src="bild.jpg"></li></a>
    </ul>

    Das das falscher ist (laut HTML-Standard) wurde ja schon gesagt.

    und wenn ich dann <li> noch ein padding-top:50px gebe (mit css), dann ist zwar das bild verlinkt, aber der abstand über dem bild nicht.
    wie kann ich es hinkriegen dass auch der abstand verlinkt ist?

    Ohne Gewähr auf Korrektheit, da nicht getestet (Inline-Styles nur zur Demo):

      
    <ul>  
      <li>  
         <a href="irgendwas.html" style="display:block; padding:50px">  
            <img src="bild.jpg">  
         </a>  
      </li>  
    </ul>  
    
    

    Gruß

    Stareagle