Felix Riesterer: Text-Buttons mit CSS: klappt nur im IE

Beitrag lesen

Lieber Steffen,

Pack deine Links in eine ungeordnete Liste,

genau richtig!

diese Liste packst du in einen Div-Container.

Wozu diesen Container? Reicht nicht die <ul> als Container aus? Ein <div> sehe ich nur als gerechtfertigt, wenn Du außer der <ul> noch andere HTML-Elemente dazugruppierst, wie z.B. eine <h2> für die <ul>:

<div id="navi-block">  
    <h2>Navigation</h2>  
    <ul>  
        <li><a href="impr.htm">Impressum</a></li>  
    </ul>  
</div>

Den Listenpunkten weist du [link:http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float]: left zu

Es würde auch display: inline reichen, dann kann man die <li>s auch zentriert darstellen lassen. Innerhalb der <li>s sollte man dann aber die <a>s auf display: block; stellen.

und dem Container gibst du die Eigenschaft [link:http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clear@title=clear]: left.

Hmm, da gab es doch etwas mit :after, um das Clearen zu erreichen... Hab's selbst noch nie angewendet, daher kenne ich mich damit noch nicht "aus dem ff" damit aus.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)