Ciao a tutti,
sono un neofita in difficoltà con la materia CSS...
Ho una domanda che penso per molti di voi sembrerà molto banale.
Ho inserito in testa ad una pagina html un'immagine (banner):
[img]immagine.jpg[/img]
sotto di essa vorrei inserire in linea una serie di bottoni (home, contatti, dove siamo, ecc...), in formato jpg, utilizzando un foglio di stile. Il mio problema è che riesco a centrarli, ma anzichè tutti nella stessa riga, mi compaiono centrati uno sotto l'altro, in stile tipo epigrafe.
vi incollo di seguito il codice html:
<html>
<head>
<title>xxxxxxxxxx</title>
</head>
<body><LINK rel=stylesheet href="stile.css" type="text/css">
[img]xxxxxxx.jpg[/img]
<div class="centro">[img]bottoni/123.jpg[/img]</div>
<div class="centro">[img]bottoni/124.jpg[/img]</div>
<div class="centro">[img]bottoni/125.jpg[/img]</div>
<div class="centro">[img]bottoni/126.jpg[/img]</div>
</body>
</html>
e qui il codice in CSS:
body { background-color: black;}
.centro {
display: block;
margin: 0px auto;
text-align: center;
}
Dove sbaglio? E' possibile che di errori ce ne siano più di uno.....
Rispondi quotando
