ilch Forum » Allgemein » HTML, PHP, SQL,... » CSS Befehle...?!?

Geschlossen
  1. #1
    User Pic
    On3-Sho7 Mitglied
    Registriert seit
    06.07.2010
    Beiträge
    233
    Beitragswertungen
    10 Beitragspunkte
    hallo community, habe auf meiner TESTPAGE mal ein design von DragonDesigns modifiziert (DDv5).
    nun habe ich im menü buttons eingefügt und wollte sie mit einem abstand zum boxenrand versehen (so 5px).

    hier mal ein kleiner ausschnitt der style.css:

    .menu
    {
    margin-top: 5px;
       display:block;
    background:url(Bilder/button.png) no-repeat;
        color: #000000;
    font-size: 13px;
    text-align: center;
    line-height: 12px;
    padding-top: 12px;
    width: 190px;
    text-indent: 5%
    
    }
    .menu:hover
    {
    margin-top: 5px;
    display:block;
    background:url(Bilder/hbutton.png) no-repeat;
    
    color: #ffffff;
    
    }


    ich habe es schon mit einigen befehlen versucht, jedoch wenn ich einen abstand rein bekomme, dann ist er nach jedem button und ich will nur einen abstand zwischen dem ersten button und dem boxenkopf.

    nur leider kenne ich mich mit css nicht so gut aus und hoffe daher auf eure hilfe.

    lg

    betroffene Homepage: my-test-page.co.de/
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Mit .menu sprichst du die buttons selber an , da diese sich aber dynamisch generieren wirkt sich jedes padding und margin wieder aufs neue aus.
    Den umliegenden div container ( sofern vorhanden) mußt du zur positionierung nehmen.
    Wenn also da keiner vorhanden ist, pack es in nen neuen div und gib diesem in der css dann nen padding-top dann solltest dein ziel erreicht haben.

    Greetz Wizz
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    -GoA][-Sniper Mitglied
    Registriert seit
    31.10.2007
    Beiträge
    1.468
    Beitragswertungen
    63 Beitragspunkte
    margin-left: 5px;


    mfg Sniper
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    On3-Sho7 Mitglied
    Registriert seit
    06.07.2010
    Beiträge
    233
    Beitragswertungen
    10 Beitragspunkte
    @ wizzard26: könntest du mir vllt. codes posten wie ich das umsetzen kann ?

    habe sonst keine ahnung wie du das meinst^^.

    @ sniper: der befehl setzt die buttons nur links vom rand weg (left=links) ich will ja nen abstand von oben zum ersten button.

    trotzdem danke für die super schnellen antworten :-)

    edit: durch den code erreiche ich mein ziel ja schon halb aber leider macht er auch den abstand zwischen die einzelnen buttons :-(
    margin-top: 5px;



    EDIT: DANKE WIZZARD, FÜR DEINE HILFE. Funzt super :-)


    Zuletzt modifiziert von On3-Sho7 am 03.01.2011 - 23:37:37
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten