Darstellung von Links im Quelltext

Beitrag von **subcordem** » 21.07.2006, 17:25

Und mal wieder was vom Meister der seltsamen Fragen:

Ich baue mir eine mit css erstellte Seite um und muss in der Navigation teilweise zur besseren Übersicht die Links einrücken, da mir bei css der Kopf platz, habe ich das dann zB. so bewerkstelligt:

<a href="/wasauchimmer.html">  <strong>Was auch immer</strong></a>

UnElegant ist es allemal, aber bringt das irgendwie Nachteile hinsichtlich der Sumas mit?
Ich dachte an so etwas wie, dass dann die Keys im Linktext nicht mher richtig erkannt oder gewertet werden könnten oder so etwas in der Art.

Oder habe ich auch schon die Google-Paranoia?

Und ist das strong-Attribut übertrieben - ist als Hervorhebung der aktiven Seite innerhalb der doch recht umfangreichen Navi gedacht.

Desweiteren, bietet es sich eigentlich an den Link der gerade aktiven Seite
innerhalb der Navi auch als klickbaren Link zu haben.
Ich hoffe, Ihr versteht, was ich meine..

von **Anzeige von ABAKUS** »

Beitrag von **FEAnoR** » 21.07.2006, 17:33

Ich halte das strong Attribut für "überoptimiert" und würde es weglassen, es _könnte_ sich jetzt/irgendwann negativ auswirken, wobei ich darauf keine Wetten abschließen würde. Das es etwas bringt, bezweifle ich jedoch stark. Würde aber auch gerne die Meinung von anderen Nutzern diesbezüglich einholen.

Beitrag von **haha** » 21.07.2006, 17:40

subcordem hat geschrieben:in der Navigation teilweise zur besseren Übersicht die Links einrücken, da mir bei css der Kopf platz, habe ich das dann zB. so bewerkstelligt:

<a href="/wasauchimmer.html">  <strong>Was auch immer</strong></a>

https://www.w3.org/TR/CSS21/box.html, Du interessierst Dich für den Innenabstand, padding (der andere ist der Außenabstand, margin, und dazwischen liegt der Rahmen, border). Benutze die Einheit em zum Positionieren, das wirkt im Gegensatz zu Pixeln ähnlich wie Leerzeichen.

Und ist das strong-Attribut übertrieben - ist als Hervorhebung der aktiven Seite innerhalb der doch recht umfangreichen Navi gedacht.

Darüber kann man geteilter Meinung sein. Ich wäre da nicht drauf gekommen, ist vielleicht auch etwas unorthodox, aber an sich im Sinne von Zugänglichkeit gar nicht so blöd, ganz im Gegenteil. Auf den Einfluss von <strong> auf Suchmaschinen gebe ich allerdings keinen Cent - ich achte darauf, dass meine Besucher mit den Seiten zurecht kommen, nicht irgendwelche Maschinen.

Interessant ist allerdings eher der Verweis an sich: Warum setzt Du überhaupt in einer Seite einen Verweis auf sich selbst?

Desweiteren, bietet es sich eigentlich an den Link der gerade aktiven Seite innerhalb der Navi auch als klickbaren Link zu haben.

Ah, Du hast es schon selbst bemerkt :)

von **Anzeige von ABAKUS** »

Beitrag von **subcordem** » 21.07.2006, 17:40

Das ging ja mal wieder fix.

Gut strong ist vielleicht echt nen bissel drastisch - macht die Sache aber auch gut übersichtlich.

Aber was ist mit den Leerzeichen (  !!!) innerhalb des Links?
Am Ende der Kategorien in meiner Navi hat der letze Link 6 oder 8 Leerzeichen - oder ist das vollkommen Wurst?

https://www.w3.org/TR/CSS21/box.html, Du interessierst Dich für den Innenabstand, padding (der andere ist der Außenabstand, margin, und dazwischen liegt der Rahmen, border).

Da war ich auch schon und zwar ein Weilchen - stehe mit css auf Kriegsfuss.
Ausserdem müsste ich dann immer eine neue css-Tabelle für jede neue Unterkategorie einsetzten.
Is es denn nun in irgendeiner Art schädlich, so wie ich es jetzt erstmal vorhabe?

Interessant ist allerdings eher der Verweis an sich: Warum setzt Du überhaupt in einer Seite einen Verweis auf sich selbst?

Ich weiss auch nicht, wollte aus unerfindlichen Gründen (vielleicht noch mal das key als Linktext unterbringen) , dass alles in der Navigation klickbar ist.

Beitrag von **Kralle** » 21.07.2006, 18:13

Blöde Frage, aber warum machst du's nicht einfach so:

Code: Alles auswählen

&nbsp;&nbsp;<a href="/wasauchimmer.html"><strong>Was auch immer</strong></a>

Hält die Links im Quelltext ein klein wenig übersichtlicher und hat den Vorteil, daß die Leerzeichen beim Link nicht mitunterstrichen werden.

Über <strong> würd ich mir keine Gedanken machen, schaden kann's jedenfalls nicht.

Beitrag von **MonikaTS** » 21.07.2006, 18:14

packe doch all diese Links in eine Liste,
no probs mit einrücken , das tut die Liste von selbst,

<ul style="list-style-type:none;">
<li><h3><a href="/wasauchimmer.html">Was auch immer</a></h3></li>
<li><h3><a href="/wasauchimmer.html">Was auch immer</a></h3></li>
<li><h3><a href="/wasauchimmer.html">Was auch immer</a></h3></li>
<li><h3><a href="/wasauchimmer.html">Was auch immer</a></h3></li>
</ul>

hast damit richtiges HTML,
eingerückte Links
Linktext, sogar in h3 verpackt
und das bei den ul heißt:ohne Aufzählungszeichen

lg

Beitrag von **subcordem** » 21.07.2006, 18:27

Es ist ja schon eine Liste, nur soll es so aussehen:

<ul style="list-style-type:none;">
<li><h3><a href="/wasauchimmer.html">Was auch immer</a></h3></li>
....<li><h3><a href="wasauchimmer/wieso.html">Wieso</a></h3></li>
.......<li><h3><a href="/bitte.html">Warum denn?</a></h3></li>
.............<li><h3><a href="/wasauchimmer.html">Was auch immer</a></h3></li>
</ul>

usw.

Da müsste ich ja dann für jede Eröffnung der Unterkategorie ne neue Liste aufmachen?

UNd
<li><h3>  <a href="/wasauchimmer.html">Was auch immer</a></h3></li>

Läuft so nicht...

Wenn mir bloss jemand mal sagen könnte, ob es einfach so geht, wie ich es vorhabe.
Da wird doch irgendwer ne Meinung haben, oder muss ich Matt anrufen?

Dieses gecode geht mir echt aufn Sack, hab schon genug mit dem Content zu tun.

Beitrag von **haha** » 21.07.2006, 18:38

einfach hat geschrieben:<ul style="list-style-type:none;">
<li><h3><a href="/wasauchimmer.html">Was auch immer</a></h3></li>
<li><h3><a href="/wasauchimmer.html">Was auch immer</a></h3></li>
[…]
Linktext, sogar in h3 verpackt

Oh, ja, schreib' doch gleich den ganzen Text in <h3>, ab besten jedes Wort einzeln, dann hast Du richtig doll viel <h3> ;> Nein, ernsthaft: Meinst Du nicht, dass es irgendwie auffällt, wenn man ein halbes Dutzend oder mehr Überschriften im Text hat, aber keinen Text zu den Überschriften? Das haben Überschriften nämlich so an sich, dass sie einen nachfolgenden Text einleiten.

Beitrag von **subcordem** » 21.07.2006, 18:46

Ja, die   spielen keine Rolle, die kannste nehmen, aber mache es soch so wie Kralle schon sagte. Packe die   vor die Links, dann sind die auch nicht im Quelltext.

Na bitte, da muss man mal bisschen mit MAtt drohen und schon läuft die Sache.
Irgendwie geht das aber nicht, wenn ich es vor die Links packe; hängt, denke ich mal, mit der Liste und dem css-rules zusammen.
Ich will da im Moment nicht tiefer in diese Materie eindringen..

Beitrag von **MonikaTS** » 21.07.2006, 18:53

schreibe doch in die style.css hinein

ul li a{padding-left:5px;}

hat noch immer einen Abstand erzeugt, solange ich CSS kann
lg

Beitrag von **haha** » 21.07.2006, 18:54

subcordem hat geschrieben:
https://www.w3.org/TR/CSS21/box.html, Du interessierst Dich für den Innenabstand, padding
Da war ich auch schon und zwar ein Weilchen - stehe mit css auf Kriegsfuss.

padding-left:1em ist eigentlich nicht so schwer.

Ausserdem müsste ich dann immer eine neue css-Tabelle für jede neue Unterkategorie einsetzten.

Wenn Du es mit <ul> machst, rückt sich jede neue Liste automatisch weiter ein, Du brauchst nur einen Regelsatz für alle Listen.
Wenn Du es pro Zeile machst (mit 'style="padding-left:1em"' in jedem <a>), hast Du auch nicht so viel mehr Arbeit, als wenn Du bei jedem Verweis      schreiben musst.

Nur mal als Beispiel:

Code: Alles auswählen

ul.menue &#123; /* Für alle <ul>-Listen der Klasse menue */
	list-style-type&#58;none; /* keine Markierungen */
	margin&#58;0; /* keine Außenabstände */
	padding&#58;0; /* keine Innenabstände */
&#125;
ul.menue li &#123;
	margin&#58;0; /* zur Sicherheit auch für <li>-Elemente, Funktion siehe oben */
	padding&#58;0;
&#125;
ul.menue ul &#123; /* <ul>-Listen innerhalb einer <ul>-menue-Liste, d.h. alle Ebenen unterhalb der Hauptebene des Menüs
	margin&#58;0 0 0 1em; /* mit Abstand links &#40;oben 0, rechts 0, unten 0, links 1em */
&#125;

Code: Alles auswählen

<ul class="menue">
<li>Kochen</li>
<li>Backen
  <ul>
  <li>Kuchen</li>
  <li>Kekse</li>
  </ul>
</li>
<li>Braten</li>
</ul>

(Das Verweisgeraffel habe ich weggelassen.)

Interessant ist allerdings eher der Verweis an sich: Warum setzt Du überhaupt in einer Seite einen Verweis auf sich selbst?
Ich weiss auch nicht, wollte aus unerfindlichen Gründen (vielleicht noch mal das key als Linktext unterbringen) , dass alles in der Navigation klickbar ist.

Sowas finde ich als Besucher immer leicht verwirrend.

Beitrag von **subcordem** » 21.07.2006, 19:12

Wenn Du es mit <ul> machst, rückt sich jede neue Liste automatisch weiter ein.
Wenn Du es pro Zeile machst (mit 'style="padding-left:1em"' in jedem <a>)

Das werde ich nochmal versuchen,es lässt den Quelltext auch sauberer aussehen.
Vor allem die zweite Variante gefällt mir - die erstere würde mir, glaube ich, das gesamte css-layout zerschiessen.
Das hat man davon, wenn man zu faul ist und versucht irgendwelche Vorlagen anzupassen....

Über die klickbaren Links zur aktuellen Seite denke ich noch mal nach - wird eh noch ein paar Monate brauchen, bis die Seite on ist.