- Home
- Categorie
- Digital Marketing
- Grafica, Visual Design & UX
- Sito Table Free
-
Grazie mille hogudo!!!
-
come dice hogudo, le tabelle si possono usare ( o meglio sarebbe giusto usarle ) solo per le reali tabulazioni, quindi elenchi di dati formattati in celle.
tutto il resto invece ( sopratutto layout ) va realizzato via div e css.
-
Si perfetto dunque, avevo terrore che non volessero neanche la tabelline dati!!
Ma per una pagina così: http://www.vampiretta.it/foto-viaggi.html
o http://www.vampiretta.it/foto-viaggi-londra.html
Io ho ovviamente usato le tabelle non sapendo fare altrimenti. Ma come posso con i dvd e css impaginare in modo simile?
Se mi date qualche dritta, poi ci studio su!
-
Ragazzi, io qui vorrei tanto usare una tabellina per incasellare così.
Ma se mantengo il sito table free non posso metterla giusto e allora come si fa con i css?
-
Con i DIV.
Se le img sono tutte della stessa larghezza puoi creare 2 div uno sopra l'altro della stessa larghezza.
In quello dei testi poi, tramite css, puoi inserire l'allineamento centrato.
-
@Paola_mi said:
Con i DIV.
Se le img sono tutte della stessa larghezza puoi creare 2 div uno sopra l'altro della stessa larghezza.
In quello dei testi poi, tramite css, puoi inserire l'allineamento centrato.
Ma ciao Paolinaaa!Ecco si, però il problema è che un div sull'altro ci riesco, ma poi come ne metto 5 in orizzontale, a me con i div mi va sempre a capo!
-
Ciao Vampiretta
io non sono in grado, come già sai, di spiegarmi bene... ma ti dico che è possibile.
Per mettere, per esempio, + div in orizzontale, devi usare l'attributo FLOAT.
Dài un'occhiata qui. Scrolla un po' in basso e trovi la spiegazione per l'utilizzo dei float.
Questo è ben spiegato, ma è in inglese.Aggiungo: io qui http://paolasweb.altervista.org/pagina_makeup_modella00.php ho usato, per esempio, una cosa simile, puoi dare un'occhiata al css.
-
Se già si può fare è un passo avanti, ma di solito si può fare tutto sono io inesperta!
Stanotte mi leggo tutto, e poi ti/vi romperò ancora!
Arigrazie!!
-
Allora ho messo su qualcosa, però ho ancora qualche problemino e sopratutto non so se è corretto.
Ho messo nel css:
[html]
.imaginedvdmuseo {border: 1px solid green;}.provacella {float: left; text-align: center; margin-left: 15px;}
.provacella2 {float: left; width:98px; text-align: center; margin-left: 17px;}
#boxmuseodvd {margin-left: 100px;}
[/html]e nel codice html:
[html]<div id="boxmuseodvd">
<div class="provacella"><a href="MuseoGhibliFoto/DvdMuseo-Screen1.jpg" target="_blank" class="border"><img src="MuseoGhibliFoto/DvdMuseo-Screen1P.jpg" alt="Screenshot - Titoli" class="imaginedvdmuseo"></a></div>
<div class="provacella"><a href="MuseoGhibliFoto/DvdMuseo-Screen2.jpg" target="_blank" class="border"><img src="MuseoGhibliFoto/DvdMuseo-Screen2P.jpg" alt="Screenshot - Capitoli 1-6" class="imaginedvdmuseo"></a></div>
<div class="provacella"><a href="MuseoGhibliFoto/DvdMuseo-Screen3.jpg" target="_blank" class="border"><img src="MuseoGhibliFoto/DvdMuseo-Screen3P.jpg" alt="Screenshot - Capitoli 7-12" class="imaginedvdmuseo"></a></div>
<div class="provacella"><a href="MuseoGhibliFoto/DvdMuseo-Screen4.jpg" target="_blank" class="border"><img src="MuseoGhibliFoto/DvdMuseo-Screen4P.jpg" alt="Screenshot - Lingue e Sottotitoli" class="imaginedvdmuseo"></a></div>
<div class="provacella"><a href="MuseoGhibliFoto/DvdMuseo-Screen5.jpg" target="_blank" class="border"><img src="MuseoGhibliFoto/DvdMuseo-Screen5P.jpg" alt="Screenshot - Extra" class="imaginedvdmuseo"></a></div>
<br>
<br>
<br>
<br>
<div class="provacella2">Titoli</div>
<div class="provacella2">Capitoli 1-6</div>
<div class="provacella2">Capitoli 7-12</div>
<div class="provacella2">Lingue / Sottot.</div>
<div class="provacella2">Extra</div>
</div>
<br>
<br>
<br>
[/html]Se l'effetto viene, vuol dire che è corretto?! :():
-
Mi sembra corretto...
-
Grazie!!