domanda da principiante:
ho creato queste pagine per provare ad usare i css
sono quasi corrette solo che come potete vedere se le provate con mozilla ci sono delle imperfezioni che non riesco a togliere una è che il colore dello sfondo mi colora anche il content cmq vi do il codice perchè da spiegare è difficile se avete tempo di provare ditemi come fare.
style.css
/* stile layout*/
html,body {margin:0; padding:0; height:100%}
body {font-family: arial,sans-serif; font-size:76%; text-aling:center;background-color: rgb(143,235,238)}
/*stile header,footer*/
div#container {border-left:2px solid #b22222;border-right:2px solid #b22222;border-top:2px solid #b22222;border-bottom :2px solid #b22222; width:760px; margin:0 auto}
div#container{position: relative; height:100%}
body>div#container{height: auto; min-height: 100%}
div#header {background-color: rgb(255,255,0); padding:0; margin:0; text-align:center}
div#footer{padding:1em 0; background-color:#00C; color: #f00; text-align:center}
div#footer{position:absolute;bottom: 0;width: 100%}
h1,h2 {margin:0; padding:1em}
h1 {color:#b22222; text-transform: uppercase; text-decoration:blink}
h2 {color:#C00; font-size:1.5em; text-align:center}
h3{color:#c00}
/*caratteristiche layout*/
div#content{height:auto}
div#content{padding: 0 4.5em 0}
div#content{background-color:#fff}
div#content p {line-height:1.3em}
div#navigation {background-color: #0000cc; color: rgb(0,100,100); margin:0; padding:0}
div#navigation ol{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 1em}
div#navigation a{color:#ffff00;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #ff0000;text-decoration: underline}
div#navigation a#activelink{color: #fbeaaa;text-decoration: none}
div.image {height:auto}
div.image img {float:left; margin:10px; clear:right}
div.image p,h2 {clear:both;margin:10px}
p.comm {font: italic 1em comic,sans;}
div.image2 {width:100%}
div.image2 img {float:right; margin:10px; clear:left}
index.php
<html>
<head>
<title>Prova di css</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<div id="container">
<div id="header">
<h1>Concessionario in prova</h1>
</div>
<div id="navigation">
</div>
<div id="content">
<?
$id=&$_GET["id"];
switch($id){
case 1 : include ('ciao.html');
break;
default : include('home.html');
break;
}
?>
</div>
<div id="footer">
©Copyright 2006 by Me -.-
</div>
</div>
</html>
ciao.html
<div class="image">
<h1>ciao</h1>
</div>
home.html
<div class="image">
[img]img/bmw.jpg[/img]
</div>
<p class="comm">Commento di prova</p>
<p class="comm">Ok</p>
<div class="image2">
[img]img/mercedes.jpg[/img]
</div>
<h2>Pagina home del sito</h2>
é solo una prova x vedere se siamo capaci di usare in una maniera decente un css</p>
Rispondi quotando
