HTML/CSS - Zeilenabstand von Textlinks - Forum

nitschi

miau!

Registered: Oct 2002
Location: Wien
Posts: 1737

22.09.2003 - 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

Bearbeitet von nitschi am 23.09.2003, 08:48 (2 URLs entfernt, da nicht mehr am Webspace)

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

22.09.2003 - 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

miau!

Registered: Oct 2002
Location: Wien
Posts: 1737

22.09.2003 - 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

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4478

22.09.2003 - 22:01

Bin begeistert

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

nitschi miau! Registered: Oct 2002 Location: Wien Posts: 1737	22.09.2003 - 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) edit: Ui, bin ich blöd! 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 Bearbeitet von nitschi am 23.09.2003, 08:48 (2 URLs entfernt, da nicht mehr am Webspace)
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	22.09.2003 - 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 miau! Registered: Oct 2002 Location: Wien Posts: 1737	22.09.2003 - 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 Here to stay Registered: Dec 2002 Location: Inside Posts: 4478	22.09.2003 - 22:01 Bin begeistert Es haetten zwar ruhig Listen sein koennen, aber macht nix, sehr beeindruckt

HTML/CSS - Zeilenabstand von Textlinks

Forum Index > Software > Coding Stuff

nitschi

watchout

nitschi

Rektal