Wat is beter voor een formulier? Tabel, lijst(ul) of CSS?
Ik hoor het graag van jullie:
Wat is beter voor een formulier? Tabel, lijst(ul) of CSS?
Wat is beter voor een formulier? Tabel, lijst(ul) of CSS?
Ik gebruik css met labeltjes..
en dan:
of met margin de plaats bepalen o.i.d.
Minste code volgens mij?
en dan:
of met margin de plaats bepalen o.i.d.
Minste code volgens mij?
Nog meer opties?
labels, tabellen hoor je er niet voor te gebruiken
dus labels, en die dan vervolgens in css verplaatsen dmv id?
Genoeg opties, maar denk dat wat ik als voorbeeld gaf de beste optie is?
Verplaatsen kan inderdaad middels de id, als je ze per stuk wil verplaatsen. met input[type=text] regel je het voor alle inputs met het type text.
Speel er een beetje mee. Je kan bijv. dit ook gebruiken:
input[type=text] { position: relative; margin-left: 150px; }
Nog meer stylen met css...
Verplaatsen kan inderdaad middels de id, als je ze per stuk wil verplaatsen. met input[type=text] regel je het voor alle inputs met het type text.
Speel er een beetje mee. Je kan bijv. dit ook gebruiken:
input[type=text] { position: relative; margin-left: 150px; }
Nog meer stylen met css...
Gewijzigd op 03/11/2011 13:08:27 door Roy -
Maar jij doet het met interne css toch, in de input code zelf nog? Ik heb liever externe, dus dan zou ik de label een id moeten geven?
Interne css? Label een id geven?
Je maakt een html bestandje met bijv. dit:
<label for="naam">Naam:</label><input type="text" name="naam" id="naam" />
En een css bestandje met bijv. dit:
input[type=text] { display: block; }
Je maakt een html bestandje met bijv. dit:
<label for="naam">Naam:</label><input type="text" name="naam" id="naam" />
En een css bestandje met bijv. dit:
input[type=text] { display: block; }
Ohja, ik heb het al. Dat is inderdaad fijn, dankje
Graag gedaan!
Maar hoe zet ik dan bijvoorbeeld 3 inputs 50px naar beneden, want een margin-top heeft dan geen functie, die zet er dan 50px tussen elk input type
Nee Jerry, er is niks interne CSS aan. Zoals Roy al zeg maak je gewoon 2 bestanden aan.
Wat opmaak betreft is hetvolgende al voldoende:
HTML File
CSS File
Wat opmaak betreft is hetvolgende al voldoende:
HTML File
CSS File
Ja, dankje.
Maar hoe zet ik dan bijvoorbeeld 3 inputs 50px naar beneden, want een margin-top heeft dan geen functie, die zet er dan 50px tussen elk input type
Maar hoe zet ik dan bijvoorbeeld 3 inputs 50px naar beneden, want een margin-top heeft dan geen functie, die zet er dan 50px tussen elk input type
input[type=text] {
display: block;
margin-top: 50px;
}
display: block;
margin-top: 50px;
}
Dan krijg je dus iets heel anders ;)
Je krijgt dan op 50px vanaf de top één input dan 50px verder ook één input en 50px verder weer één input etc.
Je krijgt dan op 50px vanaf de top één input dan 50px verder ook één input en 50px verder weer één input etc.
label { display: block; }
input[type=text] { margin-top: 50px; }
input[type=text] { margin-top: 50px; }
Dankjeee




