Invoervelden naast elkaar
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<style type="text/css">
#content {
width: 400px;
}
#float {
float: left;
width: 100px;
}
</style>
#content {
width: 400px;
}
#float {
float: left;
width: 100px;
}
</style>
Maar het lukt me voor geen meter ik krijg die 3 invoervelden gewoonweg niet naast elkaar. Kan iemand mij helpen? (maximale veldbreedte van mijn website is overigens 1000)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25"><p>
<input type="submit" value="volgende">
</form>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25"><p>
<input type="submit" value="volgende">
</form>
Gewijzigd op 01/01/1970 01:00:00 door Carel
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<style type="text/css">
#float {
float: left;
width: 200px;
}
#content {
float: left;
width: 550px;
}
#content2 {
float: left;
width: 250px;
}
</style>
<div id="wrap">
<p class="none small align-right"></p>
<div id="info">
</div>
<div id="float" align="center">
<div id="content" align="center">
<div id="content2" align="center">
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
</div>
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
</div>
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25">
</div>
</div>
<input type="submit" value="volgende">
</form>
#float {
float: left;
width: 200px;
}
#content {
float: left;
width: 550px;
}
#content2 {
float: left;
width: 250px;
}
</style>
<div id="wrap">
<p class="none small align-right"></p>
<div id="info">
</div>
<div id="float" align="center">
<div id="content" align="center">
<div id="content2" align="center">
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
</div>
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
</div>
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25">
</div>
</div>
<input type="submit" value="volgende">
</form>
Edit:
Overigens is een input van nature een inline element, dus ze staan automatisch al naast elkaar. Pas als je er een p of een div omheen zet krijg je elke keer een nieuwe regel. De oplossing is dus simpel: zet je drie inputs in 1 p of div.
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Ik ben het overigens niet geheel met je eens. Zonder P of Div komt het er wel naast maar NIET op dezelfde hoogte maar op het laagste punt van het vorige invoerveld.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<style type="text/css">
#float {
float: left;
width: 200px;
}
#content {
float: left;
width: 550px;
}
#content2 {
float: left;
width: 250px;
}
</style>
<div id="wrap">
<p class="none small align-right"></p>
<div id="info">
</div>
<div id="float" align="center">
<div id="content" align="center">
<div id="content2" align="center">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
</div>
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
</div>
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25">
</div>
</div>
<input type="submit" value="volgende">
</form>
#float {
float: left;
width: 200px;
}
#content {
float: left;
width: 550px;
}
#content2 {
float: left;
width: 250px;
}
</style>
<div id="wrap">
<p class="none small align-right"></p>
<div id="info">
</div>
<div id="float" align="center">
<div id="content" align="center">
<div id="content2" align="center">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
</div>
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
</div>
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25">
</div>
</div>
<input type="submit" value="volgende">
</form>
Gewijzigd op 01/01/1970 01:00:00 door Carel
Code (php)
1
2
3
2
3
<div id="float" align="center">
<div id="content" align="center">
<div id="content2" align="center">
<div id="content" align="center">
<div id="content2" align="center">
Wat is hier het nut van een div in een div in een div? Plaast de verschillende elementen in verschillende div's en gebruik vervolgens CSS om deze divs te positioneren...
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<style type="text/css">
#categorie {
float: left;
width: 333px;
}
#omschrijving {
float: left;
width: 333px;
}
#trefwoordveld {
float: left;
width: 333px;
}
#wijziginsknop {
width: 1000px;
}
</style>
<div id="wrap">
<p class="none small align-right"></p>
<div id="info">
</div>
<div id="categorie" align="center">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
</div>
<div id="omschrijving" align="center">
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
</div>
<div id="trefwoordveld" align="center">
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25">
</div>
<div id="wijzigingsknop" align="center">
<input type="submit" value="volgende">
</form>
</div>
</div>
#categorie {
float: left;
width: 333px;
}
#omschrijving {
float: left;
width: 333px;
}
#trefwoordveld {
float: left;
width: 333px;
}
#wijziginsknop {
width: 1000px;
}
</style>
<div id="wrap">
<p class="none small align-right"></p>
<div id="info">
</div>
<div id="categorie" align="center">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
</div>
<div id="omschrijving" align="center">
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
</div>
<div id="trefwoordveld" align="center">
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25">
</div>
<div id="wijzigingsknop" align="center">
<input type="submit" value="volgende">
</form>
</div>
</div>
Volgens mij heb ik het opgelost ik heb een div om die 3 velden heen gezet en nu staat die knop wel eronder.
is het goed zo?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<style type="text/css">
#omgeving {
float: left;
width: 1000px;
}
#categorie {
float: left;
width: 333px;
}
#omschrijving {
float: left;
width: 333px;
}
#trefwoordveld {
float: left;
width: 333px;
}
#wijziginsknop {
width: 1000px;
}
</style>
<div id="wrap">
<p class="none small align-right"></p>
<div id="info">
</div>
<div id="omgeving" align="center">
<div id="categorie" align="center">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
</div>
<div id="omschrijving" align="center">
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
</div>
<div id="trefwoordveld" align="center">
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25">
</div>
</div>
<div id="wijzigingsknop" align="center">
<input type="submit" value="volgende">
</div>
</div>
</form>
#omgeving {
float: left;
width: 1000px;
}
#categorie {
float: left;
width: 333px;
}
#omschrijving {
float: left;
width: 333px;
}
#trefwoordveld {
float: left;
width: 333px;
}
#wijziginsknop {
width: 1000px;
}
</style>
<div id="wrap">
<p class="none small align-right"></p>
<div id="info">
</div>
<div id="omgeving" align="center">
<div id="categorie" align="center">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
</div>
<div id="omschrijving" align="center">
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
</div>
<div id="trefwoordveld" align="center">
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25">
</div>
</div>
<div id="wijzigingsknop" align="center">
<input type="submit" value="volgende">
</div>
</div>
</form>
Gewijzigd op 01/01/1970 01:00:00 door Carel
Je code een stuk opgeschoond en wat kleine dingetjes aangepast:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
<head>
<style type="text/css">
#omgeving {
width: 1000px;
}
.input {
float: left;
width: 333px;
}
#wijzigingsknop {
clear: both;
}
</style>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
<div id="omgeving">
<div class="input">
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
</div>
<div class="input">
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
</div>
<div class="input">
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25">
</div>
<div id="wijzigingsknop">
<input type="submit" value="volgende">
</div>
</div>
</form>
</body>
</html>
<head>
<style type="text/css">
#omgeving {
width: 1000px;
}
.input {
float: left;
width: 333px;
}
#wijzigingsknop {
clear: both;
}
</style>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
<div id="omgeving">
<div class="input">
Kies een categorie voor uw afbeelding:<br>
<select name="categorieen_voor_afbeeldingen">
<?php
$arr = array("Bibliotheek", "Conferentie", "BVBo7", "Onderwijs", "Onderzoek", "Publicatie", "Raak project", "Related", "Site", "Subsidie", "Under content creation", "Jongeren", "Zonder categorie");
foreach($arr as $value)
{
$sel = (isset($_SESSION['categorie']) and $_SESSION['categorie'] == $value) ? " selected" : "";
echo '<option value="' . $value . '"' . $sel . '>' . $value . '</option>';
}
?>
</select>
</div>
<div class="input">
Omschrijving afbeelding<br>
<textarea name="omschrijving_voor_afbeelding" id="omschrijving_voor_afbeelding" rows="7" cols="35" class="input"><?php echo $_SESSION['omschrijving']; ?></textarea>
</div>
<div class="input">
Trefwoorden:<br>
<input name="trefwoord" type="text" id="trefwoord" size="25">
</div>
<div id="wijzigingsknop">
<input type="submit" value="volgende">
</div>
</div>
</form>
</body>
</html>
Het is nog niet de meest nette oplossing, maar daarvoor zou je je pagina anders op moeten bouwen...