sto armeggiando da poco con i css e attualmente incontro questo problema:
esempio di cosa vorrei ottenere:
vorrei inserire un campo di input per la ricerca di seguito a due links dentro ad un div ma quando lo faccio questo mi vā a capo mentre vorrei stesse in linea con i link:
grazie mille.
layout:
Codice PHP:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> ITALIA</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel=stylesheet href="default.css" type="text/css">
</head>
<body>
<div id="container">
<div id="menutop">
<div id="menutop_1">
[url="#"]<span>Home</span>[/url]
[url="#"]<span>Contatto</span>[/url]
</div>
<div id="cerca">
<form id="form1" method="post" action="">
Cerca <input name="search" type="text"/>
</form>
</div>
<div id="menutop_2">
Home 2
</div>
</div>
</div>
<div id="footer">
Kartner
</div>
</div>
</body>
</html>
css:
Codice PHP:body{
text-align: center; /*centra in IE 5.x */
margin: 0px;
}
div#container{
border: solid 1px #000;
background-image: url('img/sfondi/1.jpg');
background-repeat: no-repeat;
width: 900px;
height: 600px;
margin: 0px auto; /*centra negli altri browsers*/
text-align: left; /*ripristina l' allineamento*/
color: #000;
}
img, div { behavior: url(iepngfix.htc) }
div#menutop{
margin-top: 20px;
background-image: url('img/fondino_blu_intero.png');
background-repeat: no-repeat;
height: 78px;
color: #fff;
}
div#menutop_1{
padding-top: 12px;
font: bold 12px verdana;
}
div#menutop_1 a {
color: #fff;
text-decoration:none;
}
div#menutop_1 a span{
display:inline;
padding:0px 40px 0px 20px;
}
div#menutop_1 a:hover {
color: #ccc;
text-decoration:none;
}
#cerca {
float:left;
margin-left: 300px;
margin-top: -18px;
font: bold 12px verdana;
}
#inbank {
margin: 0 auto;
padding: 2px;
width: 120px;
height: 15px;
border: 0px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
div#menutop_2{
padding-top: 18px;
padding-left: 20px;
font: bold 11px verdana
}
div#form{
float: right;
margin-top: 0px;
margin-right: 3px;
width: 197px;
height: 252px;
background-image: url('img/form.png');
background-repeat: no-repeat;
}
div#footer{
height: 22px;
background-color: #3574A7;
color: #fff;
padding-top: 5px;
padding-left: 20px;
font: bold 12px verdana;
}
Rispondi quotando
