Archief - CSS : afstand tussen label en textinput

Calvin · 14 mrt 2005

Hoi, iemand een idee hoe ge uw label elementen kunt verplichten om een bepaalde afstand te houden van de bijhorende textinput elementen?

Mijn code is zoiets: (onderdeel van een php functie die dus een formulier weergeeft)

echo "<html><head><title>register to photo page</title>";
echo "<link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\"></link>";
echo "</head><body>";
echo "<div id=\"leftcolumn\"></div>";
echo "<div id=\"rightcolumn\"></div>";
echo "<div id=\"photo\">";
$self = $_SERVER['PHP_SELF'];
echo "<form name=\"registrationform\" action=\"$self\" method=\"post\">";
echo "<fieldset style=\"width: 300px; border: solid 2px red;\"><legend><b>registration</b></legend>";
echo "<label for=\"nicname\">choose nicname: </label>";
echo "<input type=\"text\" id=\"nicname\" name=\"nicname\" size=\"10\" style=\" />";
echo "<br/><label for=\"pwd1\">enter password: </label>";
echo "<input type=\"text\" id=\"pwd1\" name=\"pwd1\" size=\"10\" />";
echo "<br/><label for=\"pwd2\">re-enter password: </label>";
echo "<input type=\"text\" id=\"pwd2\" name=\"pwd2\" size=\"10\" />";
echo "<br/><label for=\"name\">enter full name: </label>";
echo "<input type=\"text\" id=\"name\" name=\"name\" size=\"10\" />";
echo "<br/><label for=\"email\">enter email: </label>";
echo "<input type=\"text\" id=\"email\" name=\"email\" size=\"10\" />";
echo "</fieldset>";
echo "</form></div>";
echo "</body></html>";

=> het effect is dat ik zoiets krijg:

nicname: **textinput**
enter password: **textinput**
re-enter password: **textinput**
enter full name: **textinput**
...

=> heb al geprobeerd om de labels via style="width: 150px," een bepaalde breedte mee te geven maar die wordt gewoon genegeerd.

De bedoeling is wel om de labels te blijven gebruiken; anders kan ik ze evengoed wegdoen en gewone text outputten voor de textinput velden of in een tabel zetten. (tabel zou ik graag vermijden, is niet voor layout bedoeld)

Iemand ene hint? (of meerdere)

groets,
Lieven

Obliv` · 14 mrt 2005

jo, ik ken nu wel geen ballen van php ze, maar waarom zette gij al uw xhtml code in echo's

ga da nie gewoon zo
<html>

<head></head>

<body>
<form>
echo ...

?

Obliv` · 14 mrt 2005

als ge da in een table zet, dan kunt ge da wel juist uitlijnen etc

Slicer · 14 mrt 2005

http://www.quirksmode.org/css/forms.html

Dit is wat je nodig hebt

orez · 14 mrt 2005

steek u label in een divke, en stel op da divke padding-left bv in ... das een oplossing, of de padding-left van uw tekst instellen of right whatever... en idd, als die html echo code... toch voor niets nodig

<?php
$WORLD= "hello world";
if(statement) {
?>
<table>
<tr>
<td>
<div>
whatever er komt van html code. Heb je ff php nodig
<div><?php printf($WORLD); ?></div>
blabla bla wat html
<?php
} // afsluiten if statement
else { // eventueel else
php functies of
?>
opnieuw wat html code
<?php
} //volledig afsluiten statement
?>

persoonlijk vind ik dees overzichterlijker omdagge u code highlighting van uwen html ni verliest ook

Calvin · 14 mrt 2005

@obliv: het feit dat ik niet gewoon html statements gebruik is dat naargelang de inhoud van bepaalde variabelen slechts bepaalde gedeelten van de html moet uitvoeren maar dat kunt ge niet zien in het stuk dat ik heb gepost en is ook niet echt relevant hier.
En tabellen dienen niet voor opmaak maar enkel voor presentatie van echte tabelgegevens. :crazy:

toch bedankt voor de inbreng.

@slicer: mercikes, da's inderdaad juist wa'k nodig had. 'k Ben nog niet goe weg met css maar 't moet ergens beginnen é.

grtz.
Lieven

Calvin · 15 mrt 2005

ru'orez, die echo's zijn wel nodig. In hetgeen ik gepost heb zit ni alles wat ik werkelijk gebruik, der zitten nog variabelen in enzo en die kunt ge ni gewoon afprinten, die moeten ge-echo-ed worden.
Ik bezie m'n webpage trouwens as een programma en in dit geval is den output toevallig html code.
En code highlighting? Daar heb ik gene last van, ik werk met vi en heb da allemaal ni nodig.

orez · 15 mrt 2005

Calvin zei:
ru'orez, die echo's zijn wel nodig. In hetgeen ik gepost heb zit ni alles wat ik werkelijk gebruik, der zitten nog variabelen in enzo en die kunt ge ni gewoon afprinten, die moeten ge-echo-ed worden.
Ik bezie m'n webpage trouwens as een programma en in dit geval is den output toevallig html code.
En code highlighting? Daar heb ik gene last van, ik werk met vi en heb da allemaal ni nodig.

zucht... variabelen kunde WEL zo afprinten lees mijn voorbeeld is te goe eh zeg, de kracht van php zit em vooral in het escapen naar html en terug naar php te gaan als gij ne hele pagina me variabelen schrijft. en dan daaronder uwen php

dan ebde gij gewoon <?php printf($variabele); ?> te doen... of echo, whatever.
dus ge moe ni beginnen zeggen die echo's zijn wel nodig punt. zo van hey shut up you don't know what I'm doing. Kben heus ni stupid. En als ge het toch beter wil weten. Leg mij dan uit waarom dit wel werkt:

PHP:

<?php
$username = $_GET['user'];
$link = mysql_connect($db_host, $db_user, $db_pass);

if (!$link) {
	printf(mysql_error());
} else {
	mysql_select_db('jsdp', $link);
	$query = "SELECT title, message, user, DATE_FORMAT(postdate, '%D %b %Y %H:%i') AS postdate FROM tblNews WHERE(newsid='" . $_GET['id'] . "')";

	if ($result = mysql_query($query, $link)) {
		$obj = mysql_fetch_object($result);
	?>
		<table style="width: 100%; border: 1px solid #000;">
			<tr>
				<td style="border-bottom: 1px solid #335577; background-color: #f4f4f4; font-size: 9px;">
					<?php printf($obj->postdate); ?>
				</td>
			</tr>
			<tr>
				<td style="border-bottom: 1px solid #335577; background-color: #f8f8f8; font-weight: bold; padding: 2px;">
					<?php printf(stripslashes($obj->title)); ?>
				</td>
			</tr>
			<tr>
				<td style="border-bottom: 1px solid #335577; background-color: #f8f8f8; padding: 5px;">
					<?php printf(stripslashes($obj->message)); ?>
				</td>
			</tr>
			<tr>
				<td style="border-bottom: 1px solid #335577; background-color: #f4f4f4; text-align: right; font-size: 9px;">
					posted by <?php printf(stripslashes($obj->user)); ?>
				</td>
			</tr>
		</table>
<?php
	} else {
		printf(mysql_error($link));
	}	
}
?>

oh nee, het is zelfs MEER of variabelen alleen :ironic:

PUNT 2:
Ge beziet uw webpage als programma, wat is de bedoeling van een programma te schrijven? Juist ja, de hostpc zo weinig mogelijk werk bezorgen... en jij bezorgt hem juist zoveel mogelijk werk, het zal in zulke kleine toepassing nu wel niet merkbaar zijn, maar toch...

Calvin · 15 mrt 2005

Hey, Ru'orez, 't was echt ni mijn bedoeling u te beledigen ofzo. Maar ik heb liever een lay-out waarin ik in 't begin <?php zet en helemaal op 't einde ?> en daartussen alleen php. Maar da's volgens mij gewoon een stijl van programmeren (prutsen, noemt het gelijk ge wilt) en da gaat toch volgens eigen voorkeur?
Trouwens, e vraagske over puntje 2: wordt php niet gewoon op de server zelf uitgevoerd? Dus of ik nu via "echo" code print of gewoon gelijk gij voorstelt, da maakt toch niks uit en komt toch op hetzelfde neer? Waarom zou dat de hostpc vertragen? 't is toch geen client side ding gelijk javascript ofzo?

Lashknife · 15 mrt 2005

omdat nu php elke html moet liggen parsen en echo'en, terwijl het de server minder werk aan cpu kracht kost om plain html te bypassen ipv te moeten evalueren wat er al dan niet in gebeurt.

Je wint voor dit belachelijk kleine pageke slechts een paar milliseconden ofzo, maar het gaat om het principe om je load zo laag mogelijk te houden.

btw, no offence, maar stap af van je principe van "ik wil beginnen met php en eindigen met php" want het is zever....

Als je document *.php heet, dan is het al wel duidelijk dat er php in voorkomt (of ooit de bedoeling heeft om php te renderen)

Calvin · 15 mrt 2005

Lashknife zei:
omdat nu php elke html moet liggen parsen en echo'en, terwijl het de server minder werk aan cpu kracht kost om plain html te bypassen ipv te moeten evalueren wat er al dan niet in gebeurt.

Je wint voor dit belachelijk kleine pageke slechts een paar milliseconden ofzo, maar het gaat om het principe om je load zo laag mogelijk te houden.

btw, no offence, maar stap af van je principe van "ik wil beginnen met php en eindigen met php" want het is zever....

Als je document *.php heet, dan is het al wel duidelijk dat er php in voorkomt (of ooit de bedoeling heeft om php te renderen)

No offence taken.

Altijd bereid om aanpassingen te doen als die verbeteringen opleveren.
En mijn php docs eindigen gewoon op .php of .inc, ik heb da ni ingesteld om te verbergen, da heeft volgens mij geen zin want iedereen die nog maar weet dat php bestaat zal het vrij vlug doorhebben denk ik. (allez, zou ook asp kunnen zijn natuurlijk)

Calvin · 15 mrt 2005

Ter info, ik heb gewoon de echo statements verwijderd, heb dan hetvolgende:

if ((isset($_POST['register'])) && ($_SESSION['logged'] === false)) {
<html><head><title>register to photo page</title>
<link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\"></link>
</head><body id=\"back\">
<div id=\"leftcolumn\"></div>
<div id=\"rightcolumn\"></div>
<div id=\"photo\">
$self = $_SERVER['PHP_SELF'];
<form name=\"registrationform\" action=\"$self\" method=\"post\">
<fieldset style=\"width: 250px; height: 250px; border: solid 2px red;\">
<legend><b>registration</b></legend>
<table>
<tr><td>nicname:</td>
<td><input type=\"text\" id=\"nicname\" name=\"nicname\" size=\"10\" /></td></tr>
<tr><td>choose password:</td>
<td><input type=\"password\" id=\"pwd1\" name=\"pwd1\" size=\"10\" /></td></tr>
<tr><td>re-enter password:</td>
<td><input type=\"password\" id=\"pwd2\" name=\"pwd2\" size=\"10\" /></td></tr>
<tr><td>name:</td>
<td><input type=\"text\" id=\"name\" name=\"name\" size=\"10\" /></td></tr>
<tr><td>email address:</td>
<td><input type=\"text\" id=\"email\" name=\"email\" size=\"10\" /></td></tr>
</table>"
<hr/>"
<input type=\"submit\" name=\"registeruser\" value=\"register\" />
</fieldset>"
</form></div>
</body></html>
} else {
header("location: http://lieven.isa-geek.net:8123/~lieven/photopage2/indextest.php");
}

En dat geeft dus een foutmelding:
Parse error: parse error, unexpected '<' in /home/lieven/homepage/photopage2/register.php on line 22 (eerste lijn achter if statement)

Dus moet er er ergens een ; ofzo ontbreken terwijl dit met de echo statements wel werkte.

tikketim · 15 mrt 2005

ofwel zo :

<?php if ((isset($_POST['register'])) && ($_SESSION['logged'] === false)) { ?>
<html><head><title>register to photo page</title>
<?php nog wa php ... ?>

ofwel zo :

<?php
if ((isset($_POST['register'])) && ($_SESSION['logged'] === false)) {
echo "<html><head><title>register to photo page</title>";
?>

orez · 15 mrt 2005

Calvin zei:

PHP:

if ((isset($_POST['register'])) && ($_SESSION['logged'] === false)) { ?>

<html>
<head>
<title>register to photo page</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body id="back">
    <div id="leftcolumn"></div>
    <div id="rightcolumn"></div>
    <div id="photo">
    <?php $self = $_SERVER['PHP_SELF']; ?>
    <form name="registrationform" action="<?php printf($self); ?>" method="post">
    <fieldset style="width: 250px; height: 250px;  border: solid 2px red;">
    <legend><b>registration</b></legend>
    <table>
    <tr><td>nickname:</td>
    <td><input type="text" id="nicname" name="nicname" size="10" /></td></tr>
    <tr><td>choose password:</td>
    <td><input type="password" id="pwd1" name="pwd1" size="10" /></td></tr>
    <tr><td>re-enter password:</td>
    <td><input type="password" id="pwd2" name="pwd2" size="10" /></td></tr>
    <tr><td>name:</td>
    <td><input type="text" id="name" name="name" size="10" /></td></tr>
    <tr><td>email address:</td>
    <td><input type="text" id="email" name="email" size="10" /></td></tr>
    </table>"
    <hr/>"
    <input type="submit" name="registeruser" value="register" />
    </fieldset>"
    </form></div>
    </body></html>
<?php
 } else {
    header("location: http://lieven.isa-geek.net:8123/~lieven/photopage2/indextest.php");
  }
?>

zal beter werken, btw, enorm domme fout van jezelf, en duidelijk NIET lezen van code voorbeeld van ik. Waarom ik je nu geholpen heb no idea... blame it on being boring here at work :unsure:

orez · 15 mrt 2005

Slicer zei:
http://www.quirksmode.org/css/forms.html

Dit is wat je nodig hebt

anywayz... kheb mij daar deze ochtend s serieus mee bezighouden, en da werkt toch ni echt zoals het moet ze

, toch ni als ge da in ne div steekt. Echt balen

, tis toch nog altijd beter om form-layout in een tabel te doen. Tenzij mij iemand perfect crossbrowser code kan geven

servi · 16 mrt 2005

moderator noot :
je topic bevat geen prefix, een verkeerd prefix of heeft een onduidelijke titel.
Gelieve een duidelijke titel met een bijhorend correct prefix te gebruiken.
Voor meer informatie over prefixen kan je terecht op regels en prefixen !!!.
Je topic is aangepast en je hebt een een waarschuwing gekregen, gelieve in het vervolg er op te letten.

Archief - CSS : afstand tussen label en textinput

Calvin

Legacy Member

Obliv`

Legacy Member

Obliv`

Legacy Member

Slicer

Legacy Member

orez

Legacy Member

Calvin

Legacy Member

Calvin

Legacy Member

orez

Legacy Member

Calvin

Legacy Member

Lashknife

Legacy Member

Calvin

Legacy Member

Calvin

Legacy Member

tikketim

Legacy Member

orez

Legacy Member

orez

Legacy Member

servi

Legacy Member