Dogfish: Gesucht: Was ähnliches wie :after und :before gesucht

Hallo ihr da draußen,

ich habe ein kleies Problem:

Ich hab so 'n paar Links, und die hab ich mit CSS so verbogen, dass sie per border wie Buttons aussehen. Nun sieht das aber besch...eiden aus, wenn der Text der Buttons so nah am Rand ist, dass man es schon fast nicht mehr lesen kann. Also hab ichs mal so probiert:

a:before, a:after
{
  content: " ";
}

Schön und gut, jetzt macht das aber absolut nicht das, was ich will, es stellt nämlich das *Lehrzeichen* nicht in das Button, sondern davor.

Wie mach ich das jetzt, dass das geht (muss nicht mit CSS sein)

Danke schon mal im Vorraus,

Grüße von hier drinnen, aus Biberach an der Riss,

Dogfish

  1. Hallo,

    mach doch um die Buttons einen margin, der hält Sie etwas auf Distanz zum Rand.

    z.B. style="margin:5px"

    Alternativ kann man auch dem übergeordneten Element (z.B. einer Tabellenzelle) ein padding geben.

    Viele Grüße,
    Jürgen

    1. Nachtrag:

      Kann sein, daß margin nur bei Block-Elementen zum gewünschten Erfolg führt. Aber Für Buttons dürfte ein display:block ja nicht stören.

  2. Hi

    nimm das:

    padding:10px;

    kannste den wert ändern z.b 3px oder so... sollte hinhauen.

    Gruss Christoph

    Hallo ihr da draußen,

    ich habe ein kleies Problem:

    Ich hab so 'n paar Links, und die hab ich mit CSS so verbogen, dass sie per border wie Buttons aussehen. Nun sieht das aber besch...eiden aus, wenn der Text der Buttons so nah am Rand ist, dass man es schon fast nicht mehr lesen kann. Also hab ichs mal so probiert:

    a:before, a:after
    {
      content: " ";
    }

    Schön und gut, jetzt macht das aber absolut nicht das, was ich will, es stellt nämlich das *Lehrzeichen* nicht in das Button, sondern davor.

    Wie mach ich das jetzt, dass das geht (muss nicht mit CSS sein)

    Danke schon mal im Vorraus,

    Grüße von hier drinnen, aus Biberach an der Riss,

    Dogfish