HTML/CSS - Zeilenabstand von Textlinks

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/html_css_zeilenabstand_von_textlinks_93364/page_1 - zur Vollversion wechseln!

nitschi schrieb am 22.09.2003 um 16:24

Huaho!

Bin gerade dabei, eine Homepage von unzähligen Tabellen zu befreien. Unter anderem eine Navigationsleiste.

Die Links waren bisher in einer Tabelle angeordnet. So konnte man auch den Zeilenabstand per cellspacing/padding leicht variieren. Mit CSS sollte das z.B. mit margin-top/bottom auch kein Problem sein, aber bei mir will das nicht funktionieren.

Hier der Teilcode aus dem File:

Code:

<p class="menu">
 <a class="navlink" href="http://www.nitschi.at/postdamenhp/news/p-news.php">• News</a> <br />
 <a class="navlink" href="http://www.nitschi.at/postdamenhp/fotos.htm">• Fotos</a><br />
 <a class="navlink" href="http://www.nitschi.at/postdamenhp/team.htm">• Das Team</a><br />
 <a class="navlink" href="http://www.nitschi.at/postdamenhp/termine.htm">• Termine/Spiele</a><br />
 <a class="navlink" href="http://www.nitschi.at/postdamenhp/presse.htm">• Presse</a><br />
 <a class="navlink" href="http://www.nitschi.at/postdamenhp/wusstensie.htm">• Wussten sie schon..</a> <br />
 <a class="navlink" href="http://www.nitschi.at/postdamenhp/spanisch.htm">• Spanisch-Kurs</a><br />
 <a class="navlink" href="http://www.postsv.com">• Post SV Homepage</a><br />
 <a class="navlink" href="http://www.nitschi.at/postdamenhp/forum.php">• Post SV Forum</a> <br />
</p>

Im Stylesheet ist navlink folgendermaßen definiert:

Code:

.navlink {
	margin-bottom:8px;
}

Abstand bekomm ich aber keinen. Hab ich da einen kolossalen Denkfehler drinnen? (was ich vermute)
Oder kann/darf man einem a-Tag das Attribut margin nicht zuweisen? (was ich ebenfalls vermute.. konnte aber auch bei SELFHTML keinen konkreten Hinweis finden) :confused:

edit: Ui, bin ich blöd! :rolleyes:

Die navlink-Class war völlig unnötig. Stattdessen habe ich in der Sub-Class p.menu folgendes hinzugefügt:

Code:

line-height:16pt;

Funktioniert einwandfrei, wie man hier sieht:
http://www.nitschi.at/postdamenhp/navframe.php

watchout schrieb am 22.09.2003 um 17:18

nimm <br />s weg, schreib

p.menu a {
display:block;
margin... blabla; }

sollte funken, so hab ichs auch gmacht und es is noch dazu cleaner

nitschi schrieb am 22.09.2003 um 17:39

Zitat von watchout
nimm <br />s weg, schreib

p.menu a {
display:block;
margin... blabla; }

Ah, sehr fein. An die verschachtelte Definierung hab ich dann gar nimmer gedacht. Danke, funktioniert!

Rektal schrieb am 22.09.2003 um 22:01

Bin begeistert Es haetten zwar ruhig Listen sein koennen, aber macht nix, sehr beeindruckt