[HTML&PHP] andere input buttons

[Verwijderd]

Hallo, ik zoek mn kont eraf en ben al de hele avond bezig dus ik deel mn probleem met jullie

ik heb een

<input type="submit" name="submitsearch" value="Zoek">

en ik wil uiteraart dat standaard plaatje veranderen naar een eigen ontworpen knop...
Het kan met een onclick maar ik wil geen javascript gebruiken...

Ik kan er alleen maar een image aan koppelen als ik type="image" maak... en dan src="blabla.jpg" eraan toevoeg

maar 2x een type="submit" en ook image werkt weer niet?
Hoe lossen jullie dit op ZONDER onclick?

[ Voor 4% gewijzigd door Verwijderd op 30-09-2007 23:13 ]

[Scheeve]

Met CSS?

[Verwijderd]

bepaal ik dan niet de image voor elke submit knop?


oef
class adden

[ Voor 21% gewijzigd door Verwijderd op 30-09-2007 23:18 ]

[Verwijderd]

Ik begrijp niet wat je wil.

[Fuzzillogic]

Sowieso is <button /> veel flexibeler. Wel opletten: hoewel volgens de specs het standaard een 'submit'-type is, negeert IE de standaard hier weer eens, waardoor je het type expliciet moet opgeven.

[CodeCaster]

Verwijderd schreef op zondag 30 september 2007 @ 23:16:
bepaal ik dan niet de image voor elke submit knop?

Nee. En dat kon je zelf ook wel vinden.

[Verwijderd]

CodeCaster schreef op zondag 30 september 2007 @ 23:17:
[...]

Nee. En dat kon je zelf ook wel vinden.

moet je weer de standaard got'post style toepassen?
google.com
ik zocht op op submit knop style big deal dat css niet in me opkwam schakel ik daarom jullie hulp/ervaring niet in?

nevermind
Kan iemand me uitleggen waarom dan toch iedereen gebruik maakt van Onclick/s?

[ Voor 13% gewijzigd door Verwijderd op 30-09-2007 23:20 ]

[curry684]

Geen idee, volgens mij gebruikt niemand ter wereld onclick events om plaatjes op een button te zetten. En anders ben ik erg benieuwd hoe.

[Verwijderd]

nja heb het iniedergval opgelost

css

button.submit {

background: url('../verzenden.jpg') no-repeat left top;

display:block;

text-indent:-999999em;

}

html

<button class="submit" name="submitsearch" value="Zoek" type="submit">Verzenden</button>

gebruik gemaakt van <button> dus

[Fuzzillogic]

Een hele nette oplossig Je zou, als je IE6-support onnodig vindt, of als je het IE7-script gebruikt, een slimmere selector kunnen gebruiken, en daarmee de class overbodig maken:

Cascading Stylesheet:

button[value=Zoek] {
...
}

[crisp]

<input> ondersteunt ook gewoon background-image in de meeste moderne browsers (hoewel het in Opera lastig is om dan de default value te onderdrukken).

offtopic:
Gebruik liever de [code]-tags voor code