Hilfe bei a

[Nightloewe]

Hallo undzwar hätte ich es gerne das ich mit den a ein ganzes li füllen will, aber ich hätte gerne die Schrift in der Mitte

 

[Gelöschtes Mitglied 3007]

Den ersten Fehler den du bei solchen sachen machen kannst ist, dem li eine hoehe und breite zu geben. Folgendermaßen solltest du deinen code gestalten.

css

a {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

html

<ul>
    <li>
        <a href="#">Link 1</a>
    </li>
    <li>
        <a href="#">Link 1</a>
    </li>
    <li>
        <a href="#">Link 1</a>
    </li>
</ul>

 

[lena_26]

1. <ul>
2. <a href="#">​
3. <li>​
4. Link 1​
5. </li>​
6. </a>​
7. <a href="#">
8. <li>​
9. Link 1​
10. </li>​
11. </a>​
12. <a href="#">
13. <li>​
14. Link​
15. </li>​
16. </a>​
17. </ul>

versuch mal so ... text-align: center; <<< CSS Eigenschaft "Setzt den Text in die Mitte".

 

[Gelöschtes Mitglied 3007]

Lena, so etwas solltest du nicht schreiben. Andersrum, so wie ich es in meinem Beispiel gezeigt habe ist es ok.

 

[djheke]

Ich würde dem A-Element lieber ein Padding geben.

 

[lena_26]

@ Slibbo >> Warum nicht? Funktionieren würde es doch?

 

[Gelöschtes Mitglied 3007]

Ich kann dir nur empfehlen dir das UL element mal genauer anzugucken. Es ist nicht erlaubt einen A tag in einem UL tag zu benutzen.

@djheke das mit dem Padding ist nur eine gute idee, wenn du nicht willst das alle deine Elemente gleich groß sind.

 

[djheke]

@djheke das mit dem Padding ist nur eine gute idee, wenn du nicht willst das alle deine Elemente gleich groß sind.

Hier mal eine Gegenüberstellung, warum Padding fast immer eine gute Idee ist.
http://www.gipspferd.de/forumhilfe/linktest.htm