vraagje
ik heb een formulier in html en hoe ik het ook went of keert er blijven altijd 3 regels boven het desgin wit.
Hoe kan ik zorgen dat de input velden netjes bovenuit gelijnd worden.
daarnaast nog een vraagje ik zie als mensen een code toevoegen dat het netjes in een witte blok word gezet hoe doe ik dat.
alvast bedankt
( maar dan zonder *
en als je een stukje code geeft kunnen ze je hier vast beter helpen...
Gewijzigd op 01/01/1970 01:00:00 door Jaap V
Edit: foutje :P
Code blok doe je inderdaad met en .
Zie voor meer codes de FAQ
Gewijzigd op 01/01/1970 01:00:00 door Michael -
Als dit het geval is, zet dan in je css, als je die hebt:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
p { margin:0px; padding:0px; }
h1 { margin:0px; padding:0px; }
h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
h4 { margin:0px; padding:0px; }
h5 { margin:0px; padding:0px; }
h6 { margin:0px; padding:0px; }
h1 { margin:0px; padding:0px; }
h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
h4 { margin:0px; padding:0px; }
h5 { margin:0px; padding:0px; }
h6 { margin:0px; padding:0px; }
Als je geen css gebruikt, zet je in de tag zelf:
Code (php)
1
style="margin:0px; padding:0px;"
Dus komt het er zo uit tezien bij een p-tag
Code (php)
1
2
3
2
3
<p style="margin:0px; padding:0px;">
text here
</p>
text here
</p>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
echo "<table";
echo "<form method \"post\" action \"klantoverzicht.php?id=1\">";
echo "<p>";
echo "<tr><td>Naam: </td><td><input size= \"25\" name= \"product_naam\"></td><tr>";
echo "<br>";
echo "<tr><td>Aantal: </td><td><input size= \"25\" name= \"product_aantal\"></td><tr>";
echo "<br>";
echo "<tr><td>Status: </td><td><input size= \"25\" name= \"product_status\"></td><tr>";
echo "<br>";
echo "<tr><td>Datum: </td><td><input size= \"25\" name= \"product_datum\"></td><tr>";
echo "<p>";
echo "<tr><td COLSPAN=2><INPUT type=\"submit\" name=\"Insert\" value=\"Product toevoegen\"></td></tr>";
echo "</table>";
echo "<form method \"post\" action \"klantoverzicht.php?id=1\">";
echo "<p>";
echo "<tr><td>Naam: </td><td><input size= \"25\" name= \"product_naam\"></td><tr>";
echo "<br>";
echo "<tr><td>Aantal: </td><td><input size= \"25\" name= \"product_aantal\"></td><tr>";
echo "<br>";
echo "<tr><td>Status: </td><td><input size= \"25\" name= \"product_status\"></td><tr>";
echo "<br>";
echo "<tr><td>Datum: </td><td><input size= \"25\" name= \"product_datum\"></td><tr>";
echo "<p>";
echo "<tr><td COLSPAN=2><INPUT type=\"submit\" name=\"Insert\" value=\"Product toevoegen\"></td></tr>";
echo "</table>";
Stefan schreef op 21.10.2009 11:16:
waarschijnlijk gebruik je <p> en <h1/2/3/4/5/6>
Als dit het geval is, zet dan in je css, als je die hebt:
Als dit het geval is, zet dan in je css, als je die hebt:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
p { margin:0px; padding:0px; }
h1 { margin:0px; padding:0px; }
h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
h4 { margin:0px; padding:0px; }
h5 { margin:0px; padding:0px; }
h6 { margin:0px; padding:0px; }
h1 { margin:0px; padding:0px; }
h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
h4 { margin:0px; padding:0px; }
h5 { margin:0px; padding:0px; }
h6 { margin:0px; padding:0px; }
Dat kan dus beter:
Code (php)
1
p, h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
Stefan schreef op 21.10.2009 11:16:
Als je geen css gebruikt, zet je in de tag zelf:
Dan gaat ie maar css gebruiken, inline css maakt toch zo'n troep van je html. Je kunt het eventueel nog wel gebruiken als je een element hebt wat eventjes wat anders moet. Maar als je gewoon standaard dingen aan wilt passen ga je geen inline css doen.
Niels, tabellen gebruik je niet om je pagina te lay-outen of op te maken.
Voor forms al helemaal niet. Voor forms gebruik je labels, fieldsets en legends. Verder gebruik je span, divs en p elementen.
Misschien moet je ook eens naar een css reset kijken.
Of misschien moet je eerst eens een cursus html doen.
Die html is zo slecht als het maar kan. Je hebt geen eind-haakje (groter dan teken) bij de table tag. Je methode heeft geen is gelijk aan teken, zelfde geld voor action.
Karl schreef op 21.10.2009 11:31:
Dat kan dus beter:
Stefan schreef op 21.10.2009 11:16:
waarschijnlijk gebruik je <p> en <h1/2/3/4/5/6>
Als dit het geval is, zet dan in je css, als je die hebt:
Als dit het geval is, zet dan in je css, als je die hebt:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
p { margin:0px; padding:0px; }
h1 { margin:0px; padding:0px; }
h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
h4 { margin:0px; padding:0px; }
h5 { margin:0px; padding:0px; }
h6 { margin:0px; padding:0px; }
h1 { margin:0px; padding:0px; }
h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
h4 { margin:0px; padding:0px; }
h5 { margin:0px; padding:0px; }
h6 { margin:0px; padding:0px; }
Dat kan dus beter:
Code (php)
1
p, h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
Jullie doen het allebij fout...
Code (php)
1
2
3
4
2
3
4
p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
margin: 0;
padding: 0;
}
karl controleerde net de code en het is idd beetje een zootje,
maarja oefening baart kunst
Chris Kortaan schreef op 21.10.2009 11:41:
Jullie doen het allebij fout...
Trut, rot toch op als je niks zinnigs te zeggen hebt.
hij/zij corrigeerde je net zo hard als jij mij...
leer gewoon met kritiek om te gaan
ps: geen idee of het klopte
En nee, dat ligt niet aan de manier waarop het is ingesprongen maar aan de 0; ipv 0px; ;-)
Dus voortaan even beter kijken voordat je me een trut noemt. Ben nog altijd een lul ;-)
Niels schreef op 21.10.2009 13:50:
rofl met je verkeerde been uit bed gestapt of zo,
hij/zij corrigeerde je net zo hard als jij mij...
leer gewoon met kritiek om te gaan
hij/zij corrigeerde je net zo hard als jij mij...
leer gewoon met kritiek om te gaan
Hij corrigeert mij niet, het gaat erom dat je die selectors samen kunt vatten, wat handiger is. Verder ben ik ook een voorstander om reset dingen zo kort mogelijk te houden, mijn manier doet dat (al kan die laatste spatie voor de } en de ; ook nog wel, maar die laat ik meestal staan).
Niels schreef op 21.10.2009 11:23:
heb momenteel dit
Code (php)
1
echo "<table";
Let je er wel even op dat je table niet is afgesloten? dus <table> ipv <table
Chris Kortaan schreef op 21.10.2009 13:52:
Er zit namelijk een verschil in, ik heb het VALID en jij niet ;-)
Chris Kortaan schreef op 21.10.2009 13:53:
@karl: we gingen duidelijk tegelijkertijd, maar lees nog even mijn redenering ;-)
Ja, jij bedoelde wat anders dan ikke bedoelde. Mij ging het puur d'r om dat het dus onzinnig is om steeds hetzelfde te doen.
Maar het maakt niet uit of er nou px achter staat. De validator op w3.org vind dat oké als er px achter staat.
@Turmin: is hierboven al vermeld.
Quote:
I like little wins. I was just looking through the CSS file for this site and noticed that - for some reason - I'd used 0px instead of 0 a LOT of times. Most values need numbers (10em, 10px, 10% and 10pt are all very difference sizes) however 0 is one of the few valeus which is the same in all cases (0px, 0pt, 0% and 0 are all zero!). This adds up to wasted data and bandwidth; admitedly not a lot, but still Every Little Helps!
http://www.thingy-ma-jig.co.uk/blog/23-06-2009/vim-tips-replace-0px-0
Is een recentelijk artikel, maar had zoiets een tijd geleden al gelezen..