Metti online la pagina che si possa vedere
Metti online la pagina che si possa vedere
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
HTML:Originariamente inviata da carlomarangoni
<html>
<head>
<title>MIO SITO</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="Logo"><img src="Logo.png"></div>
<div id="Holder-Menu">
<a href="#">VOCE 1</a>
<a href="#">VOCE 2</a>
<a href="#">VOCE 3</a>
</div>
<div id="Spacer1"></div>
<div id="Holder">
<h1>Home</h1>
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
</div>
<div id="Spacer2"></div>
<div id="Footer">
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
</div>
</body>
</html>
CSS
body {background-color:#ccc; margin:0%; padding:0%}
p {margin:0%; padding:0%}
a {margin:0%; padding:0%; text-decoration:none}
h1 {margin:0%; padding:0%}
h2 {margin:0%; padding:0%}
ul {margin:0%; padding:0%}
li {margin:0%; padding:0%}
img {margin:0%; padding:0%; width:100%}
div {margin:0%; padding:0%}
#Logo {width:57.5%; margin:0 auto; margin-top:5%; margin-bottom:2%;}
#Spacer1 {background-color:#000; width:60%; margin:5% auto; padding:1px 0px}
#Spacer2 {background-color:#000; width:60%; margin:5% auto; padding:1px 0px; margin-bottom:1%;}
#Holder-Menu {width:60%; height:0px; background-color:#000; margin:0 auto}
#Holder-Menu a {padding:0.1% 12.84%; float:left; color:#fff; background-color:#567; margin:0% 0.1%}
#Holder {width:45%; margin: 0 auto}
#Holder h1 {margin-top:5%; margin-bottom:5%; text-align:center}
#Holder p {font-size:15px; text-align:justify;}
#Footer {background-color:#567; width:60%; height::40px; margin:0% auto; margin-bottom:1%}
Come vedi è una pagina molto semplice per ora.
Grazie ancora per l'interesse.
Permessi di invio
Rispondi quotando