Abstand zwischen den Hyperlinks

  • Hallo liebes Forum-Team,
    ich hab gedacht, bevor ich noch irgendwas falsches weiterprobiere, frag ich am besten mal euch, denn für euch ist das mit Sicherheit ein Kinderspiel :P

    Aaaaalso... ich will einfach nur nen Abstand zwischen meinen einzelnen "Buttons" haben, sodass die Hyperlinks nicht aufeinander sitzen.
    Das sollte dann im Browser so aussehen:

    [Startseite]_________[Über uns]_________[Ebay-Shop]_________[Veranstaltungen]_________[Partner]_________[Kontakt]

    Jedoch sollen die "____" nicht anklickbar sein, sprich: die ____ (in meinem fall: margine-left: 70px) sollen nicht als Hyperlink angezeigt werden.


    Hier mein Code im index.htm:

    <a class="buttons" href="index.htm">Startseite</a>
    <a class="buttons" href="ueber-uns.htm">Über uns</a>
    <a class="buttons" href="ebay-shop.htm">Ebay-Shop</a>
    <a class="buttons" href="veranstaltungen.htm">Veranstaltungen</a>
    <a class="buttons" href="partner.htm">Partner</a>
    <a class="buttons" href="kontakt.htm">Kontakt</a>


    Und hier nun der Code in CSS (desgin.css bei mir):

    .buttons {
    color: #00FFFF;
    font-size: 15pt;
    font-family: Arial;
    text-align: left;
    border: double;
    border-color: #FF9F00;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-left: 70px;
    }


    Wie könnte ich das ganz simpel und einfacher machen? Ich denke, dass es eine ganz einfache Lösung gibt, welche ich noch nicht kenne, da ich HTML erst seit einem Tag lerne!

    Vielen Dank im Vorraus!

    Der *Neuling*

  • Hab schon eine Lösung für mein Problem gefunden:


    Hier mein Code im index.htm:

    <a class="buttons" href="index.htm">Startseite</a> margine-left: 70px;
    <a class="buttons" href="ueber-uns.htm">Über uns</a> margine-left: 70px;
    <a class="buttons" href="ebay-shop.htm">Ebay-Shop</a> margine-left: 70px;
    <a class="buttons" href="veranstaltungen.htm">Veranstaltungen</a> margine-left: 70px;
    <a class="buttons" href="partner.htm">Partner</a> margine-left: 70px;
    <a class="buttons" href="kontakt.htm">Kontakt</a>


    Und hier nun der Code in CSS (desgin.css bei mir):

    .buttons {
    color: #00FFFF;
    font-size: 15pt;
    font-family: Arial;
    text-align: left;
    border: double;
    border-color: #FF9F00;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    }


    Entschuldigung für die voreilige Frage von mir, es war dumm von mir, wegen so einer Kleinigkeit ein Thread aufzumachen.

    Ich entschuldige mich hier recht herzlich dafür!

    Trotzdem vielen Dank an das Team!

  • Hey,

    auch wenn du dein Problem gelöst hast, gibt es noch eine elegantere Lösung ;)

    HTML
    <a href="index.htm" class="buttons">Startseite</a>

    Dein letzter Button muss dann die margin-Zuweisung wieder negieren:

    HTML
    <a href="kontakt.htm" class="buttons" style="margin:0;">Kontakt</a>

    mfg 7even