Tutorials >
CSS >
Formulier Opmaak
|
Gepost op: 26 november 2006 - 14:01 |
|
|
|
PHP expert
|
leuke toevoeging voor de css:
input:hover
{
background-color: #ffffff;
font-size: x-small;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
margin-bottom: 10px;
}
input:hover { background-color: #ffffff; font-size: x-small; border-width: 1px; border-style: solid; border-color: #cccccc; margin-bottom: 10px; }
als je er nu over gaat zal hij een witte achtergrond hebben. |
|
|
|
Gepost op: 26 november 2006 - 15:53 |
|
|
|
PHP expert
|
Inderdaad een leuke toevoeging, ik deed eerst alles met onFocus en onBlur etc.. maar dan krijg je zo ellendig lange source code
Maar leuke tutorial, dat van label wist ik wel maar nooit egt toegepast. Misschien dat ik het is in de toekomst ga gebruiken |
|
|
|
Gepost op: 28 november 2006 - 19:58 |
|
|
|
PHP expert
|
De toevoeging zal alleen in browsers werken met css 2, css 1 heeft alleen pseudo classes voor de a tag. |
|
|
|
Gepost op: 28 november 2006 - 20:15 |
|
|
|
HTML ver gevorderde
|
En dat sluit de meeste gebruikte browsers, Microsoft Internet Explorer 6 en lager, uit. Opzich geen probleem voor een rollover effect, maar toch. Het gaat in deze tutorial vooral om de toepassing van het <label> element en hoe je er dmv van css voor zorgt dat het ook een opmaak functie heeft. |
|
|
|
Gepost op: 28 november 2006 - 23:40 |
|
|
|
Nieuw lid
|
Leuk artikel.
De label tag kende in al, maar heb het nooit gebruikt op text velden, wel altijd op checkboxen en radio buttons !
Ook wel leuk om er ff bij te vermelden misschien.
Marc |
|
|
|
Gepost op: 20 januari 2007 - 21:29 |
|
|
|
Nieuw lid
|
Deze tutorial is voor een beginner, zoals ik, zeer goed te volgen.
Ik ben toch nog benieuwd naar die radio buttons en ik vraag me af
hoe ik de breedte van de inputvelden even breed kan maken als het
vakje voor de textarea.
Als ik "width" gebruik worden ook de buttons zo breed.
|
|
|
|
Gepost op: 21 januari 2007 - 00:49 |
|
|
|
HTML ver gevorderde
|
Een inputveld en een textarea kan je toch apart benaderen met css? (Doe ik in de tutorial ook.) Als je ze dezelfde width geeft zullen ze dus even breed zijn.
En over de radio buttons, zet die gewoon achter een label en ze lijnen mooi uit met de rest van je formulier. Dat moet zo moeilijk niet zijn. Als je daarover een vraag hebt dan PM me maar . |
|
|
|
Gepost op: 02 februari 2007 - 17:32 |
|
|
|
HTML beginner
|
Nog een leuke toevoeging voor de CSS eigenschappen:
input:focus {
background-color: #FF0000;
}
Deze pseudo class kun je gebruiken i.p.v. het onfocus attribuut en JavaScript. Maar zoals XenoX al vertelde, werkt dit niet in elke browser. |
|
|
|
Gepost op: 08 februari 2007 - 07:26 |
|
|
|
Onbekend
|
Ik maak al maanden gebruik van deze constructie (die van Soebam). Het werkt ideaal en het ziet er keurig uit.
Ik raad het iedereen aan. De code van het formulier wordt veel korter, terwijl het resultaat beter is. |
|
|
|
Gepost op: 23 oktober 2007 - 19:43 |
|
|
|
PHP gevorderde
|
Leuke en duidelijk tutorial, alleen vraag ik me 1 ding af. Hoe kun je nou in css de lengte van een invoerveld aangeven? Dit kan ik niet uit de tutorial halen.
Edit: Zo, ook weer meteen duidelijk. Gewoon doormiddel van de heightattribuut aan te passen. |
|
|
|
Gepost op: 15 april 2008 - 09:37 |
|
|
|
Nieuw lid
|
Via Google deze tutorial gevonden en ben er mee aan de slag gegaan.
Ik vraag me alleen af hoe je nu dropdown's en checkboxen kan uitlijnen. |
|
|
|
Gepost op: 26 juni 2008 - 15:39 |
|
|
|
Nieuw lid
|
Mooie tut.
Alleen in IE ziet het er anders uit dan in Firefox! |
|
|
|
Gepost op: 27 juni 2008 - 05:35 |
|
|
|
HTML ver gevorderde
|
robbinonline schreef: Mooie tut.
Alleen in IE ziet het er anders uit dan in Firefox!
Ojee, wat is het verschil dan ik zie het niet? |
|
|
|
Gepost op: 29 augustus 2008 - 23:55 |
|
|
|
Nieuw lid
|
zo ziet het er uit in IE 7 (let niet op de achtergrond)
verder wel een leuke tutorial en door een float: right toe te passen op de select, input en textarea ziet het er ook wel netjes uit
|
|
|
|
Gepost op: 16 maart 2009 - 20:42 |
|
|
|
Lid
|
misschien ook leuk om een :focus te maken |
|
|
|
Gepost op: 25 juli 2009 - 16:17 |
|
|
|
Lid
|
naar waar word dit dan verstuurt? |
|
|
|
Gepost op: 15 november 2010 - 17:12 |
|
|
|
Nieuw lid
|
|
|
Enkel aanvullende informatie is welkom. Geen prijzende of afkeurende reacties. |
|
|
|