Der Martin: Anker nebeneinander

Beitrag lesen

SELF-Forum

Anker nebeneinander

Der Martin
+2 Informationen zu den Bewertungsregeln

Moin,

ich habe mehrere Anker im Programm. Aber ich bekomme sie nicht nebeneinander. Die stehen immer untereinander und ich weiß nicht warum (kein <br> im Programm).

die Antwort steht gleich in der erten Regel deines Stylesheets: display:block für a.menu. Damit machst du die Links zu Blockelementen. Das ist offensichtlich nicht das, was du willst. Meinst du vielleicht display:inline-block?

Aber auch sonst ist dein Code stark verbesserungswürdig:

<html>

DOCTYPE-Deklaration fehlt.

<head>
<style>
<!--

Ein HTML-Kommentar im Stylesheet? Das stammt bestimmt aus einem Museum. Das hat man "früher" mal gemacht, als es noch Browser gab, die das style-Element nicht kannten. Weg damit.

<style>
<!--
a.menu { display:block; margin-bottom:5px; text-align:center; width:250px;
         border-style:ridge; border-width:3px; padding:2px;
         text-decoration:underline; font-family: Arial Black;
         font-weight: bold; font-size: 24px; text-align: left;
         color: rgb(0,255,0); background-color: rgb(50,50,50);}
a.menu:link    { color: rgb(0,255,0); background-color: rgb(50,50,50); }
a.menu:visited { color: rgb(0,255,0); background-color: rgb(50,50,50); }
a.menu:hover   { color: rgb(255,0,0); background-color: rgb(255,255,255); }
a.menu:active  { color: rgb(0,255,0); background-color: rgb(50,50,50); }
-->
</style>
</head>

Breitenangaben in px sind mehr und mehr problematisch, denk an die Vielfalt an Geräten und deren unterschiedliche Interpretation von Pixeln. Aähnliches gilt für die festzementierte Schriftgröße in px, und für font-family fehlt eine generische Ersatzschriftart, hier also Sans-Serif. Der Fontname Arial Black muss übrigens wegen des Blanks in Anführungszeichen gesetzt werden.
Und meinst du, es sei eine gute Idee, besuchte und unbesuchte Links gleich zu stylen? Du nimmst dem Besucher damit ein Orientierungsmerkmal.

<body bgcolor=#FFFFFF>

Was soll das? Angaben zur Gestaltung bitte ins Stylesheet.

  <a class="menu" href="Nachrichten.php"><center>Nachrichten</center></a>
  <a class="menu" ref="Gruppen.html"><center>Gruppen</center></span></a>
  <a class="menu" href="Mitgliedsantrag.html">
    <center>Mitgliedsantrag</center></a>
  <a class="menu" href="Kontakt.html"><center>Kontakt</center></a>
  <a class="menu" href="Impressum.html"><center>Impressum</center></a>
</Body>
</html>

Angaben zur Gestaltung (center) bitte ins Stylesheet. Davon abgesehen bietet es sich an, die Links in ein Containerelement zu gruppieren, entweder eine Liste (ul) oder auch ein nav-Element. Dann braucht auch nicht jedes a-Element eine Klasse, sondern nur das Containerelement (vielleicht nicht einmal das, wenn du nur ein nav-Element im Dokument hast).

So long,
 Martin

Beitrag melden
+2
Informationen zu den Bewertungsregeln