[css]Submit button met drie images?

[kokorico]

Hoi,

ik heb drie images gemaak die ik als een button wil gebruiken.

Dus class button moet uit 3 images bestaan:

button_left.gif - button_center.gif - button_right.gif

Waarbij de button_center.gif maar 1 px breed is en zich automatisch repeat afhankelijk van de value lengte van de knop.

Iemand een oplossing?

[crisp]

dat gaat je niet lukken binnen 1 element, maar wat had je zelf al bedacht?

[NMe]

Kan niet met CSS alleen volgens mij, ik denk dat je een constructie in HTML erbij moet verzinnen.

[kokorico]

damn dacht ook dat het niet kon. Jammer. HEb eigenlijk niets gevonden ook in die aard via google

[ Voor 44% gewijzigd door kokorico op 06-09-2004 00:32 ]

[André]

Je kunt een div maken met button_left op float:left, button_right op float:right en button_center als achtergrondplaatje met repeat:repeat-x;

[UltimateB]

En dan een onclick javascript eventje met document.forms['FormName'].submit(); , dan kunnen ze iig overal in de image klikken. Eventueel nog een ander muiscursor erbij en dan is de schijn volledig

edit:

Hmm, hoe kom ik er in godsnaam bij dat het om een form ging...

[ Voor 21% gewijzigd door UltimateB op 06-09-2004 09:30 ]

[chris]

Hm, iedereen begint wel heel erg hard te roepen dat het niet kan. Wat voor soort button wil je maken? Je kan namelijk best een hoop met css. In bijvoorbeeld dit voorbeeld zie je ook automatisch resizende buttons. Echt niet zo moeilijk....

[RwD]

chris schreef op 06 september 2004 @ 09:25:
Hm, iedereen begint wel heel erg hard te roepen dat het niet kan. Wat voor soort button wil je maken? Je kan namelijk best een hoop met css. In bijvoorbeeld dit voorbeeld zie je ook automatisch resizende buttons. Echt niet zo moeilijk....

Dat zijn geen buttons dan heh, een knop kun je overal indrukken, niet alleen op de tekst. Maar dat is te verhelpen met javascript natuurlijk...

[chris]

RwD schreef op 06 september 2004 @ 09:52:
[...]
Dat zijn geen buttons dan heh, een knop kun je overal indrukken, niet alleen op de tekst. Maar dat is te verhelpen met javascript natuurlijk...

je hebt gelijk, IE suckt.

[BtM909]

chris schreef op 06 september 2004 @ 11:03:
[...]


je hebt gelijk, IE suckt.

Zou je dit soort opmerkingen (in deze context) achterwege willen laten

Wat jij schetst is nl. geen IE probleem...