Thorsten: abstand zwischen den Wörtern

SELF-Forum

abstand zwischen den Wörtern

Thorsten
– Informationen zu den Bewertungsregeln

Moin!
Ich versuche gerade für unsere Thekenmannschaft eine eigene hp.
Eigentlich klappt auch alles ganz gut. Ich möchte nur oben bei den links so viel abstand zwischen den Wörtern, das es sich oben komplett verteilt. Leider habe ich hier nix dazu gefunden, oder ich bin einfach blind.
Ich habe es bis jetzt so geschrieben:

<div id=Navigation">
   <a name="aktuelleSeite" id="aktuelleSeite"><font size="+2">Inhalt</font></a>
   <a class="Navi" href="home.html"><font size="+2">Startseite</font></a>
   <a class="Navi" href="neuigkeiten.html"><font size="+2">Neuigkeiten</font></a>
   <a class="Navi" href="bilder.html"><font size="+2">Bilder</font></a>
   <a class="Navi" href="turniere.html"><font size="+2">Turniere</font></a>
   <a class="Navi" href="info.html"><font size="+2">Info</font></a>
</div>

Was müßte ich noch einfügen, damit wie gesagt, mehr abstand zwischen den Wörtern ist?

Danke schonmal für die hilfe

Gruß Thorsten

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. abstand zwischen den Wörtern

    Bobby
    – Informationen zu den Bewertungsregeln

    Moin

    Erstmal ein paar grundlegende Dinge:

    <div id=Navigation">

    ^
              Hier fehlt ein Anführungszeichen

    <a name="aktuelleSeite" id="aktuelleSeite"><font size="+2">Inhalt</font></a>

    ^^^^^^^^^^^^^^^^       ^^^^^^
    <font> ist ein veraltetes HTML-Element und findet keine Verwendung mehr. Stell dir vor du möchtest für die Links nun die Schriftgröße ändern. So müsstest du dies bei jedem einzelnen tun.

    Nun zu deinem Problem. Versuche dich in einfaches CSS einzuarbeiten. Dort kannst du den Links verschiedene Eigenschaften wie Abstände zuweisen.

    du kannst im Headbereich der Webseite also irgendwo zwischen <head> und </head> z.B. folgendes einfügen:

    <style type="text/css">
    <!--
    a
    {
        margin-left:10px;
        margin-right:10px;
    }
    -->
    </style>

    Damit hättest du einen Abstand von 10PX links und rechts neben jedem Link

    Gruß Bobby

    --
    -> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
    -> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
    ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. abstand zwischen den Wörtern

    Længlich Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Bonjour!

    <div id=Navigation">
       <a name="aktuelleSeite" id="aktuelleSeite"><font size="+2">Inhalt</font></a>
       <a class="Navi" href="home.html"><font size="+2">Startseite</font></a>
       <a class="Navi" href="neuigkeiten.html"><font size="+2">Neuigkeiten</font></a>
       <a class="Navi" href="bilder.html"><font size="+2">Bilder</font></a>
       <a class="Navi" href="turniere.html"><font size="+2">Turniere</font></a>
       <a class="Navi" href="info.html"><font size="+2">Info</font></a>
    </div>

    Als erstes würde ich die Navi nicht als div, sondern als Liste (ul) auszeichnen, und jeder Link kommt in ein eigenes Listenelement (li). Diese sind Blockelemente und lassen sich dann wunschgemäß formatieren.

    Im CSS brauchst Du dann folgende Angaben:

      
#Navigation li  
{  
    float:left; /* damit die Elemente wieder nebeneinander sind */  
    width:16.66%; /* ca. 100% geteilt durch die Anzahl der Elemente - damit bekommt jedes die gleiche Breite */  
    text-align:center; /* damit die Links jeweils in der Mitte ihres Listenelementes stehen */  
    font-size:x-large; /* ersetzt die mißbilligten font-Elemente, die Du dann im HTML wegläßt */  
}

    Viele Grüße vom Længlich

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln