sito senza tabelle con css

[luigi76]

Salve leggendo gli articoli
su html.it sui layout css senza utilizzare le tabelle, visto che devo realizzare un sito dinamico ho deciso di utilizzarli.
Ho trovato degli esempi molto semplici.

Io dovrei realizzare un e-commerce con i css dove ci sono diversi elementi grafici.
Chiedo un vostro aiuto

la grafica è la seguente
http://www.cioccolavino.it/gif/Dettaglio-Prodotto4.jpg


Grazie anticipatamente

[floyd46]

ciao
ti serve aiuto a creare la grafica che hai allegato?

[luigi76]

Si con i css come devo fare io mi stavo
muovendo con l'esempio del layout liquido a 3 colonne mi sono fermato a questo www.cioccolavino.it/template/home.asp

Grazie ancora

[luigi76]

Volevo indicazione alla
realizzazione dei Box
Visto che le etichette cambiano come
definire lo stile comune?

[luigi76]

Nessuno può aiutarmi?
Vi sarei molto grato

[floyd46]

non è molto chiaro quando scrivi che le "le etichette cambiano"
e "come definire lo stile comune".
cosa intendi? di che etichette parli?
realizzato il layout a 3 colonne, nn devi fare altro che inserire altri DIV all'interno di esse o nella colonna centrale.
tutto qui, oppure ho inteso male io?
ciao

[luigi76]

Niente volevo dire se potevi farmi un esempio su come realizzare i box con ad esempio Area privata, glossario l'unica cosa che cambia è la gif Area privata, glossario.
Potresti aiutarmi nella realizzazione?

Grazie

[floyd46]

non devi fare altro che crearti un DIV contenitore;
all'interno ne devi inserire almeno altri 3;
quello con la gif "Area privata";
quello con la gif "Iscriviti";
un altro con il form + la scritta "Recupera Passwd" linkabile ovviamente;
fa conto che sia una tabella ed ogni rigo è un DIV a sè stante;
chiaramente ti consiglio di controllare anche come si vede su altri browser.
ciao

[luigi76]

La mia domanda è devo utilizzare
dei tag paragrafo h1 ?
Quando utilizzarli?

<div class="login"> 
      <div id=etichetta>[img]/gif/colonna-dx/area-privata.jpg[/img]</div >
<div id=box>      
   

 
      <form name="form1" method="post" action="">
        <label>[img]/gif/colonna-dx/iscriviti.jpg[/img]

        Username:</label>
        

        <input name="textfield" type="text" size="15">
        <label>Password</label>
        

        <input name="textfield" type="text" size="15">
        <input type="image"  src="/gif/colonna-dx/entra.jpg" width="56" height="23">
        

        Recupera Password

      </form></p>
    </div>
 </div>

[floyd46]

se mi mandi la grafica di un box laterale (con le etichette), plrova a farti io un DIV e sulla scorta di quello ti crei gli altri;