Primo sito prime esperieze.
Premetto che ho sudiato Xhtml e CSS ma di pratica ne ho zero e non cerco pappa pronta ma una spita pratica per poter iniziare.
Sono un fotografo e devo realizzare un sito con 3 gallery.
Avevo pensato ad una cosa del genere:
schema grafico
ED ecco lo schizzo:
schema html
Il blu sarebbe il wrapper,il container non l'ho utilizzato(e la teminologia sarebbe da usare al contrario,scusate)
Ecco il codice Html da me realizzato:
Ed ecco il CSScodice:<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Rcphto.it</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <link type="text/css" href="rcphoto.css" rel="stylesheet" /> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="logo"> [img]images/rcp3.jpg[/img] </div> <div id="foto"> [img]images/2.jpg[/img] </div> <div id="footer"> E' vietata la riproduzione, anche solo in parte, di contenuti e grafica. Copyright 2007 - RCphoto.it S.r.l. </p> </div> </div> </body> </html>
codice:HTML,body { margin:0;padding:0 } div#header { height: 125px; background-color: #555853 } div#footer { height: 25px; background-color: #555853 } p {text-align: center; } div#logo {float:left ; position: relative; top: 170; } div#wrapper {background-color: #2a2e28; } div#foto { position: relative; top: 10; text-align: center; }
Ora vorrei qualche commento su questoprimo lavoro per capire se è tutto da rifare o come base modificata con il vostro aiuto puo andare...
So che si vede solo su firefox ma le regole per IE le sto ripassando ora.
La gestione dei DIv che ho attuato è sensata o assurda.
Grazie,capisco che questo post a occhi esperti possa sembrare un pungno nello stomaco,ma in questo momento un aiuto da parte vostra sarebbe veramente consolante per me.
Grazie in anticipo
Roberto
Rispondi quotando
