ilch Forum » Ilch Clan 1.1 » Design und Templates » Button abstände bei Horizontalem Menü

Geschlossen
  1. #1
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    Hi,

    bin grad dabei ein neues design zu bauen, und hab da nochmal ne kleine frage.^^

    und zwar hab ich ein Horizontales Menü das über die Admin.php frei veränderbar sein soll (funktioniert soweit auch ganz gut^^)
    hab mir auch wie hier beschrieben buttons rein, funktioniert auch lächeln

    leider hat er jetz zwischen den buttons abstände von etwa 5 pixel oder so, kann mir jemand sagen wie ich die rausbekomme?^^
    mit margin-left: 0px; oder padding-left: 0px; funktionierts leider nicht.

    der code wie das Menü formatiert ist in der CSS:

    div.hmenu
    {
         
         background-image: url(images/button_bg.png);
         background-repeat: no-repeat;
         z-index: 1;
         position:absolute;
                      top:213px;
                      left:220px;
         display: inline;
         color: black;
    }



    der code für den button und den button hover in der CSS:

    .menu:link, .menu:visited, .menu:active
    {
        display: inline-block;
        color: #FFFFFF;
        font-size: 11px;
        background: url(images/button.png);
        width: 125px;
        height: 25px;
        text-indent: 0x;
        text-decoration: none;
        margin-left: 0px;
        font-family: Arial, sans-serif;
        line-height: 25px;
    }
    
    .menu:hover
    {
        display: inline-block;
        color: #FFFFFF;
        font-size: 11px;
        background:url(images/button.png);
        width: 125px;
        height: 25px;
        text-indent: 0px;
        text-decoration: none;
        margin-left: 0;
        font-family: Arial, sans-serif;
        line-height: 25px;
    }


    zur info: das menü bekommt nen extra hintergrund, ( div.hmenu ), da ich mit transparenz arbeite und der button transparent ist und auf ner transparenten fläche liegt, aber durch die transparente fläche darunter eine andere farbe entsteht.

    Danke schonmal.

    Gruß
    Frostball


    verwendete ilchClan Version: 1.1
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    ich geh mal davon aus das deine button nicht 125px sind. hättest du mal die adresse zu deiner seite angegeben, könnte man da mal nachschauen, schließlich ist genau dafür das feld im formular...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    das mit den buttons hab ich inzwischen eh anders gelöst, es verbleibt der abstand zwischen den buttons, die buttons WAREN 125 px breit, sind es nun nicht mehr

    den link zu der seite wollte ich nicht reinstellen, da ich noch nicht weiß wie das mit dem copyright aussieht, ich kann dir den link aber gerne per pn schicken, aber veröffentlichen werd ich ihn nicht solange das mit dem copyright nicht geklärt ist

    hier noch der neue code für die buttons:

    .menu:link, .menu:visited, .menu:active
    {
         display: inline-block;
         color: #FFFFFF;
         font-size: 11px;
         height: 25px;
         text-decoration: none;
         padding: 0px 15px 0px 0px;
         font-family: Arial, sans-serif;
         line-height: 25px;
         border-top: 1px solid #AEAEAE;
         border-right: 1px solid #2F2F2E;
         border-bottom: 1px solid #AEAEAE;
         border-left: 1px solid #AEAEAE;
    }
    
    .menu:hover
    {
         display: inline-block;
         color: #FFFFFF;
         font-size: 11px;
         height: 25px;
         text-decoration: none;
         padding: 0px 15px 0px 0px;
         font-family: Arial, sans-serif;
         line-height: 25px;
         border-top: 1px solid #AEAEAE;
         border-right: 1px solid #2F2F2E;
         border-bottom: 1px solid #AEAEAE;
         border-left: 1px solid #AEAEAE;
    }
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten