Ciao a tutti
ho una pagina workinprogress qui (www.admrchiari.it/test/pagine/home.asp)
un primo problema (sto avventurandomi solo ora nel mondo dei css)..è che i 2 (o 3 o n) rettangolini dovrebbero comparire centrati..non a sinistra;
spero qualcuno mi possa illuminare...grazie 1000,
alex
ecco l'html:
<html>
<head>
<title> Home </title>
<style type="text/css">
@import "../include/mystyle.css";
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="header_sx">[img]../img/guitar_header1.jpg[/img]</div>
<h2>ADMR - Amici per la Diffusione della Musica Rock</h2>
Chiari (Brescia)</div>
<div id="navigation">
<ul>[*]Home[*]Chi siamo[*]Concerti[*]Archivio[*]Newsletter[*]Contattaci[*]Link[/list]
</div>
<div id="content">
<div id="pg_home">
<table class="prima">
<tr><td>nome</td></tr>
<tr><td>[img][/img]</td></tr>
<tr><td>data ora</td></tr>
<tr><td>posto</td></tr>
</table>
<table class="prima">
<tr><td>nome</td></tr>
<tr><td>[img][/img]</td></tr>
<tr><td>data ora</td></tr>
<tr><td>posto</td></tr>
</table>
</div>
</div>
<div id="footer">
I contenuti presenti in questo sito sono di proprietà ADMR e ne è vietata la riproduzione anche se parziale.
</div>
</div>
</body>
</html>
ed ecco il css:
/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;height:100%}
/*stili generici, su header e footer*/
div#header{background: url(../img/puntino_sfondo_header.jpg); text-align:left; vertical-align:middle; height:120px}
div#header_sx{text-align:left; float:left}
img{margin: 0;padding:0;vertical-align:top}
h1{font: bold 2.3em/80px}
h2{font-size: 1.5em}
div#footer{text-align:left;padding: 0.5em; background: url(../img/puntino_sfondo_footer.jpg); text-align:center}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}
/*stili specifici per il layout*/
div#navigation{background: url(../img/puntino_sfondo_navigation.jpg)}
div#content{padding: 1em; background: url(../img/puntino_sfondo_content.jpg); text-align:center }
div#content a{color:#000000;font: normal bold arial,sans-serif;text-decoration: none }
div#content a:hover{color: #ffffff;text-decoration: underline}
/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:#000000;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none;}
div#navigation a:hover{color: #ffffff;text-decoration: none; border: 1px solid #ffffcc}
div#navigation a#activelink{color: #ffffff;text-decoration: none; border:none}
/* pagina home */
#pg_home { text-align:center; height:300px}
table.prima { border: 1px solid #ff4334; text-align=center; width:150px; float:left }
Rispondi quotando
