Link in HTML funktioniert nicht

  • Hallo,
    vorwarnung: bin anfänger..
    ich möchte eine Sprachenauswahl in ein Template einfügen.
    Einfach über 2 Symbole mit Links dahinter.


    Nun habe ich im index.html folgendes eingefügt:
    <div class="language">
    <ul>
    <li><a href="http://google.com/"><img src="images/en.png" alt="" /></a></li>
    <li><a href="http://google.de"><img src="images/en.png" alt="" /></a></li>
    </ul>
    </div>


    und in dem layout.css hab ich das eingefügt:
    .language {
    padding-top: 0px;
    position: relative;
    right: 5px;
    z-index:150;
    }


    .language ul li {
    display: inline;
    margin-right: 0 5px;
    }


    .language img:hover {
    opacity: 0.7;
    }


    Abgesehen davon, dass der hover nicht funktioniert, gehen vor allem die Links nicht. Aber die Symbole erscheinen an richtiger Stelle.
    Füge ich den html code an einer anderen Stelle ein, (dort wo er nicht hin soll) dann geht es.
    Muss ich vielleicht noch irgendeine Datei anpassen? Oder hab ich alles an falscher Stelle? Kann ich mir nicht vorstellen eigentlich...
    (Also das ganze language ding gabs in dem vorher template nicht. habe ich wie gesagt in die codes eingefügt)


    Wäre für Hilfe dankbar!

  • Danke!
    Habs rausbekommen, lag letztendlich an einem zu niedrigen z-index, (falls jmd mal das gleiche Problem hat).