- Home
- Categorie
- Digital Marketing
- Grafica, Visual Design & UX
- Sito Table Free
-
Sito Table Free
Salve sto rimpaginando un mio sito togliendo tutte le tabelle che avevo "furbamente" usato per creare il layout.
Però volevo sapere le tabelle dati, per esempio un elenco di titoli di film con a lato anno di uscita a registro, posso cmq tenerlo a tabellina classica?
Insomma Table Free si indica per le tabelle non usate per creare il layout della pagina, ho capito male?
-
semplificando: tutti quei dati che impagineresti con excel, ecc... li puoi mettere dentro delle tabelle
quindi la risposta è sì
-
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!!
