Archief - Waarom wilt label css hier niet werken.

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
R

RobinVdB

Legacy Member
HTML: 
<!doctype html>
<html lang="nl">
	<head>
		<title>Report</title>
		<link type="stylesheet" href="report.css" />
	</head>
	
	<body>
					<form action="report.php?stap=2" method="post">
				<label style="width:150px;">Verzender:<input type="text" name="naamVerzender"/></label> <br />

				<label>Gemeld:<input /></label> <br />
				<label>Categorie:
					<select name="Categorie">
						<option>Griefen</option>
						<option>Respectloos</option>
						<option>Anders</option>
					</select>

				</label><br />
				<textarea name="reden" rows="2" cols="50">Vul hier de aanklacht in.</textarea><br />
				<script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6LcRSM4SAAAAAF-pyTKGWyFVr_eMxPNCcG8jVvlQ "></script>

	<noscript>
  		<iframe src="http://www.google.com/recaptcha/api/noscript?k=6LcRSM4SAAAAAF-pyTKGWyFVr_eMxPNCcG8jVvlQ " height="300" width="500" frameborder="0"></iframe><br/>
  		<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
  		<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
	</noscript>				<input type="submit" value="Verzenden" />
			</form>
			
			</body>

</html>
Code: 
label{
	width:250px;
}
Waarom werkt het hier niet? Dit heb ik nu nog nooit voorgehad. =c (De reden waarom HTML zo raar lijkt is omdat deze in een if staat @ PHP)
W

W0utR

Legacy Member
label is een inline element
display: inline-block; of display: block;
R

RobinVdB

Legacy Member
Het werkt nog steeds niet, heb geen idee waarom dat mijn vriend dit dan beter vond als tables te gebruiken...
R

RobinVdB

Legacy Member
Tjuu, je hebt gelijk. Ik heb hier denkfout gemaakt. Ik zal het even uitleggen. Als je <label><input /></label> doet heb je die for niet nodig. Dat deed ik hier dus. Maar denk geef ik CSS daaraan en ben ik vergeten dat het die input dan ook meeneemt. Zeer dom van mij. -_-
a

adrianhates

Legacy Member
RobinVdB zei:
Tjuu, je hebt gelijk. Ik heb hier denkfout gemaakt. Ik zal het even uitleggen. Als je <label><input /></label> doet heb je die for niet nodig. Dat deed ik hier dus. Maar denk geef ik CSS daaraan en ben ik vergeten dat het die input dan ook meeneemt. Zeer dom van mij. -_-
Klik om te vergroten...

<label><input /></label> kan je beter ineens gewoon afleren :)
D

Design 311

Legacy Member
RobinVdB zei:
Het werkt nog steeds niet, heb geen idee waarom dat mijn vriend dit dan beter vond als tables te gebruiken...
Klik om te vergroten...

Tables gebruik je alleen best als je ook degelijk een tabel maakt, vroeger werder tables vaak gebruikt voor de lay-out van de pagina in orde te brengen maar tegenwoordig is dit niet meer gebruikelijk. Er wordt gebruik gemaakt van floats zodat alle informatie ook mooi op kleindere schermen verschijnt.
-

-BVR-

Legacy Member
Slightly off-topic: Leesbaarheid verbeterd:

HTML: 
<!doctype html>
<html lang="nl">
    
    <head>
        <title>Report</title>
        <link type="stylesheet" href="report.css" />
    </head>
    
    <body>
        <form action="report.php?stap=2" method="post">
            <label style="width:150px;">Verzender:
                <input type="text" name="naamVerzender" />
            </label>
            <br />
            <label>Gemeld:
                <input />
            </label>
            <br />
            <label>Categorie:
                <select name="Categorie">
                    <option>Griefen</option>
                    <option>Respectloos</option>
                    <option>Anders</option>
                </select>
            </label>
            <br />
            <textarea name="reden" rows="2" cols="50">Vul hier de aanklacht in.</textarea>
            <br />
            <script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6LcRSM4SAAAAAF-pyTKGWyFVr_eMxPNCcG8jVvlQ "></script>
            <noscript>
                <iframe src="http://www.google.com/recaptcha/api/noscript?k=6LcRSM4SAAAAAF-pyTKGWyFVr_eMxPNCcG8jVvlQ "
                height="300" width="500" frameborder="0"></iframe>
                <br/>
                <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
                <input type="hidden" name="recaptcha_response_field" value="manual_challenge"
                />
            </noscript>
            <input type="submit" value="Verzenden" />
        </form>
    </body>

</html>
W

W0utR

Legacy Member
En de oplossing was?

Het is goed dat je hier om hulp komt vragen, maar als je het zelf oplost, post dan aub ook deze oplossing.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan