Text Border

  • Hallo,
    ich habe folgenden Code

    .bottomnavi li{
    height:7px;
    padding-right:7px;
    margin-right:7px;
    margin-top:7px;
    border-right:1px solid #fff;
    float:right;
    }

    So mein problem ist aber das die Border die rechts erstellt wird oben ist und der text weiter unten...
    Kann man das irgendwie lösen?

  • Das liegt daran, dass dein Element höher als 7px ist... Der Border fängt richtig oben an, ist dann eben aber auch nur 7px hoch. Dein Element hat aber hier keine kleinere Schrift oder sonstwas - bei mir sieht das eher nach ~20px höhe aus...

  • Ja aber der Border soll ja auch nur 7px hoch sein... das elemt ist 50px hoch und die schrift hat 9px...

  • tja, dann wirst du aber n dummy machen müssen der den border bekommt. Dein div mit dem border fängt nämlich immer erst da an wo der Inhalt ist, wenn der Inhalt zu groß ist, kannst du den Border nicht einfach verschieben... Ansonsten mach eine Hintergrundgrafik die bis auf das fitzelchen da transparent ist.