dyn. Buttons mit CSS

[rabby]

hallo welt!
auf meiner seite will ich für die dynamisch erzeugte navigation buttons für die einzelnen kategorien verwenden, die sowohl ihre linktext-farbe ändern, als auch ihr hintergrundbild ändern.
nun gibts da nur einige probleme:
das hg-bild hat ne bestimmte größe: 117px breit und 19px hoch.
diese vorgaben ignoriert der liebe firefox browser :-(
und der IE und auch die andren browser wollen meine farbvorschriften für den text nicht akzeptieren. vermutlich haben die a{} angaben vorrechte. wie lassen sich die dann überschreiben für die link-klasse?
hier der relevante ausschnitt:
.test
{
color: #422100;
font-color: #422100;
text-decoration: none;
width:117px;
height:19px;
font-height:19px;
    background:url("Bilder/button_inaktiv.gif");
    padding-left:25px
}
.test:hover
{
    background:url("Bilder/button_aktiv.gif");
}

danke für Eure hilfe!

[Orlando]

Hallo rabby,

font-color: #422100;
font-height:19px;

Diese Eigenschaften existieren nicht, siehe Schriftformatierung.

width:117px;
padding-left:25px

Das ergibt 142px. Lektüre: Box-Modell

Grüße
Roland

[MudGuard]

Hi,

das hg-bild hat ne bestimmte größe: 117px breit und 19px hoch.
diese vorgaben ignoriert der liebe firefox browser :-(

Derjenige, der sich hier falsch verhält, ist der IE.
Links (also a-Elemente mit href-Attribut) sind non-replaced-inline-Elemente (wenn man nichts dagegen tut per display-Eigenschaft).
Demzufolge darf ein Browser width und height gar nicht für sie verwenden.

und der IE und auch die andren browser wollen meine farbvorschriften für den text nicht akzeptieren. vermutlich haben die a{} angaben vorrechte.

vermutlich ja, weil die höhere Specificity haben (da Du diese nicht zeigst, nur Vermutung).

Also mußt Du die specificity Deiner eigenen Selektoren entsprechend erhöhen, z.B: a.test:link

font-color: #422100;

Gibt's nicht

width:117px;
height:19px;

müssen ignoriert werden, s.o.

font-height:19px;

gibt's nicht.

background:url("Bilder/button_inaktiv.gif");

cu,
Andreas

[rabby]

Links (also a-Elemente mit href-Attribut) sind non-replaced-inline-Elemente (wenn man nichts dagegen tut per display-Eigenschaft).

dabei würde aber das problem auftreten, dass ich nur ein element pro zeile zeigen kann. jedoch sollte das so aussehn:
unterpunkt1   unterpunkt2   unterpunkt3
unterpunkt4   unterpunkt5   unterpunkt6
usw...
also display:inline wär wohl doch erforderlich.
was gibts für alternativen?

[Ingo Turski]

Hi,

jedoch sollte das so aussehn:
unterpunkt1   unterpunkt2   unterpunkt3
unterpunkt4   unterpunkt5   unterpunkt6
usw...
also display:inline wär wohl doch erforderlich.

nicht wenn Du eine Breite vorgeben willst. Du kennst float?

freundliche Grüße
Ingo