Ragazzi vi pongo il mio quesito...sto iniziando a fare un form con dei fileldset e dei label e due div.
In pratica voglio fare un form con diversi campi(label)che sono posti in orizzontale su diversi div.
Il problema è che non so perchè ma anche usando float non riesco a risolvere il problema(infatti me li mette sempre in verticale.
Vi posto i due codici...
HTML/XHTML:
CSS:Codice PHP:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="">
<title>Form</title>
<link href="stile.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<form id="form" name="form" action="mail.php">
<div id="container">
<fieldset>
<legend>Registrazione</legend>
[list=1]
<div id="a">
<label>Nome[i]:[/i]</label>
<input id="nome" />
</div>
<div id="b">
<label>Nick[i]:[/i]</label>
<input id="nick" />
</div>[/list]
</fieldset>
</div>
</form>
</body>
</html>
Codice PHP:body{
}
div#container{
width: 100%;
height: 50px;
}
div#a{
float: left;
width: auto;
}
div#b{
float: right;
width: auto;
}
form{
}
form fieldset {
margin-bottom: 10px;
width: 30%;
}
form fieldset {
margin-bottom: 10px;
}
form legend {
padding: 0 5px;
font-weight: bold;
width: 70px;
height: auto;
}
form label {
display: inline-block;
line-height: 1.2;
vertical-align: top;
}
formfieldset ol {
margin: 0;
padding: 0;
}
form fieldset li {
list-style: none;
padding: 5px;
margin: 0;
}
form fieldset fieldset {
border: none;
margin: 3px 0 0;
}
form fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}
form label {
width: 122px;
}
Rispondi quotando
.
