form in een div, probleem layout

Status
Niet open voor verdere reacties.

henkjanbuurman

Nieuwe gebruiker
Lid geworden
18 sep 2009
Berichten
1
Ik probeer een form in een div te plaatsen, maar als er al tekst voor staat, komt er automatisch al een 'enter', waardoor het formulier onder de div uitkomt. Is dit te verhelpen door een bepaalde css aanpassing oid? Bedankt! Hier de code:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>EEN FORM IN EEN DIV</title>
<style type="text/css">
#menubalk{
background-color:#E2001A;
font-size:15px;
font-weight:bold;
font-family:Arial Black, Arial;
width:988px;
padding-left:6px;
padding-right:6px;
padding-bottom:6px;
padding-top:3px;
height:22px;
}
</style>
</head>
<body>
<div id="menubalk">
<a href="#">Menu 1</a> <a href="#">Menu 2</a> <form action="#" method="post" ><input name="qword" type="text" value="Zoek iets" onfocus="this.value='';" /> <input name="" type="submit" value="Zoek" /></form>
    </div>
</body>
 
Probeer het zo eens:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>EEN FORM IN EEN DIV</title>
<style type="text/css">
#menubalk{
	background-color:#E2001A;
	font-size:15px;
	font-weight:bold;
	font-family:Arial Black, Arial;
	width:988px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:6px;
	padding-top:3px;
	height:25px;
}
#formulier {
	float: right;
	height: 25px;
	width: 250px;
}
</style>
</head>
<body>
<div id="menubalk">
<a href="#">Menu 1</a> <a href="#">Menu 2</a> 
<div id="formulier">
<form action="#" method="post" ><input name="qword" type="text" value="Zoek iets" onfocus="this.value='';" /> <input name="" type="submit" value="Zoek" /></form></div>
    </div>
</body>
Mvg
Defietser
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan