Sito allineato in tutti i monitor

**Syl85** · 05-03-2010, 20:26

Ciao,
sono nuova del forum e premetto che gestisco il mio sito completamente da autodidatta, quindi scusate la non tecnicità della terminologia...

...fino a ieri sera avevo un monitor da 17''...da ieri sera l'ho sostituito con un bel monitor rettangolare da 19'', ma ho scoperto che il mio sito non è ben allineato, le tabelle risultano spostate a sinistra, altre cose non allineate...

Ora come faccio a sistemare il tutto affinché si veda bene non solo sui portatili, sui 15'' e sui 17'' ma su tutti i PC?

Mi parlavano di "div" e di altro...ma appunto da profana sono andata un po' in confusione...

Mi date una mano?

Grazie anticipatamente

Non so se posso pubblicare il link per mostrarvi direttamente il problema, eventualmente rimuovetelo pure.
www.fridacocker.it

**Prill** · 05-03-2010, 21:30

Ciao Syl85, per allineare velocemente la tabella al centro basterebbe inserire un align="center" all'interno del tag table. Certo le tabelle sono da evitare, ma avendo le tue pagine layout differenti, il modificarli richiederà del tempo, il consiglio è quello di avvicinarti ai css leggendo la guida, e riscorrendo anche quella html, e guardando esempi di layout a due colonne o a tre, ché gli esempi aiutano tanto

**Syl85** · 05-03-2010, 21:54

Grazie...
hai link da consigliarmi da leggere?

Ma se faccio
align="center"

in tutte le tabelle, risolvo?

Sto scoprendo che le tabelle non aiutano...ma mi è risultato più facile iniziare così...

**Syl85** · 05-03-2010, 21:57

Mi fai un esempio di dove dovrei inserire il tag che mi hai indicato? Grazie

<body background="blue058.jpg">

<table border="3" width="974" height="737" bordercolorlight="#000080" bordercolordark="#000080" style="border-collapse: collapse">
<tr>
<td height="108" width="251" bordercolorlight="#000080" bordercolordark="#000080">
<p align="center">
[img]../iconafrihome.JPG[/img]</p>
<p align="center">
<a href="http://www.fridacocker.it/enindex.htm">
[img]Bandiere095.gif[/img]</a><font size="2" face="Monotype Corsiva" color="#000080">(click
here for english version)</font> </td>
<td height="108" width="712" colspan="2" bordercolorlight="#000080" bordercolordark="#000080">
<p align="center">
[img]../frcock%20copif%20copia.gif[/img]</td>
</tr>
<tr>
<td height="0" width="251" bordercolorlight="#000080" bordercolordark="#000080">
<p align="left"><a href="http://www.fridacocker.it/">
[img]pulsanti%20sito/homepage.JPG[/img]</a></td>
<td height="19" width="712" colspan="2" bordercolorlight="#000080" bordercolordark="#000080">
<p align="left">
<marquee style="border:1px solid #FFFF66; COLOR: #000080; FONT-FAMILY: serif; TEXT-DECORATION: none; font-style:italic; font-weight:bold" width="594" height="19">28 Febbraio 2010: Inserite nuove foto di Syrah - 11 Gennaio 2010: Buon Compleanno Syrah - 7 Novembre 2009: Nasce "Magic Moments" la nostra nuova Galleria Fotografica vedi News - 24-25 ottobre 2009: Esposizioni Internazionali dello Stretto - entrambi i giorni - Frida della Kalesa 2°ECC - Syrah 1°ECC vedi News e pagina Expo09 - 11 ottobre 2009: Esposizione Nazionale di Catania - Frida della Kalesa 1°ECC, Syrah Nerida Dream Princess 1°ECC miglior giovane 27 settembre 2009: Chianti DOC Prince Charming 13 settembre 2009 - Esposizione Nazionale di Siracusa: Frida della Kalesa 1°ECC CAC BOS, Syrah Nerida Dream Princess 1°MP cl. juniores - 29 luglio 2009: 2 anni on line...vedi News! 10 luglio 2009: Nasce "Fridacocker's Channel" su YouTube vedi News - 05 luglio 2009: Frida della Kalesa 1°ECC CAC CACIB BOS alla 58a esposizione internazionale di Palermo vedi News - 27 giugno 2009: 4° compleanno Frida ! 21 giugno 2009: Frida della Kalesa 2°ECC ris. CAC all'esposizione nazionale di Marsala vedi News 07 giugno 2009: Frida della Kalesa 1°ECC CAC BOB 2°BOG all'Esposizione Nazionale di Caltanissetta vedi News 23 maggio 2009: Frida della Kalesa 1°ECC CAC BOS all'esposizione nazionale di Ragusa - Inserite 2 nuove foto di Syrah Nerida Dream Princess, vedi News</marquee></td>
</tr>
<tr>
<td height="0" width="251" bordercolorlight="#000080" bordercolordark="#000080">
<p align="left">
<a href="http://www.fridacocker.it/chi%20sono.htm">
[img]pulsanti%20sito/chi_sono.JPG[/img]</a></td>
<td height="51" width="288" bordercolorlight="#000080" bordercolordark="#000080">
</td>
<td height="51" width="427" bordercolorlight="#000080" bordercolordark="#000080">
<p align="center">

<font face="Monotype Corsiva" color="#FF9B37" style="font-size: 21pt"> </font>
</td>
</tr>
<tr>
<td height="44" width="251" bordercolorlight="#000080" bordercolordark="#000080">
<p align="left">
<a href="http://www.fridacocker.it/inostricocker.htm">
[img]pulsanti%20sito/NOSTRI_COCKER.JPG[/img]</a></td>
<td height="0" width="712" colspan="2" rowspan="10" bordercolorlight="#000080" bordercolordark="#000080">
<p align="left">
[img]frida%20fumetto%20copia.gif[/img]</td>
</tr>
<tr>
<td height="48" width="251">
<p align="left">
<a href="http://www.fridacocker.it/cuccioli.htm">
[img]pulsanti%20sito/cuccioli.JPG[/img]</a></td>
</tr>
<tr>
<td height="47" width="251">
<p align="left">
<a href="http://www.fridacocker.it/esposizioni.htm">
[img]pulsanti%20sito/SHOWS.JPG[/img]</a></td>
</tr>
<tr>
<td height="47" width="251">
<p align="left">
<a href="http://www.fridacocker.it/news.htm">
[img]pulsanti%20sito/news.JPG[/img]</a></td>
</tr>
<tr>
<td height="44" width="251">
<p align="left">
<a href="http://www.fridacocker.it/gallery.htm">
[img]pulsanti%20sito/FOTO.JPG[/img]</a></td>
</tr>
<tr>
<td height="44" width="251">
<p align="left">
<a href="http://www.fridacocker.it/video.htm">
[img]pulsanti%20sito/VIDEO.JPG[/img]</a></td>
</tr>
<tr>
<td height="44" width="251">
<p align="left">
<a href="http://www.fridacocker.it/cockerspanielinglese.htm">
[img]pulsanti%20sito/COCKER.JPG[/img]</a></td>
</tr>
<tr>
<td height="44" width="251">
<p align="left">
<a href="http://www.fridacocker.it/guestbook.htm">
[img]pulsanti%20sito/GUESTBOOK.JPG[/img]</a></td>
</tr>
<tr>
<td height="44" width="251">
<p align="left">
<a href="http://www.fridacocker.it/links.htm">
[img]pulsanti%20sito/LINKS.JPG[/img]</a></td>
</tr>
<tr>
<td height="42" width="251">
<p align="left">
<a href="http://www.fridacocker.it/contatti.htm">
[img]pulsanti%20sito/CONTATTI.JPG[/img]</a></td>
</tr>
</table>
<table width="974" height="77" style="border-collapse:collapse">
<tr>
<td height="77" width="206" rowspan="3" style="padding:0; border-top-style: none; border-top-width: medium">
<p align="center">
<SCRIPT language=JavaScript
src="http://codice.shinystat.com/cgi-bin/getcod.cgi?USER=fridacocker"
type=text/javascript></SCRIPT>
<noscript><a href="http://www.shinystat.com/it" target="_top">

</a>
</noscript>
</A></noscript></td>
<td height="46" width="768" style="padding:0; border-top-style: none; border-top-width: medium">
<p align="center"><font face="Palatino Linotype" color="#ffff66">Fridacocker:
Allevamento Cocker Spaniel Inglesi. Silvia Bevilacqua, Palermo, Italia. Tel
(+39) 091305375- 3470792833 e-mail
fridacocker@gmail.com</font></td>
</tr>
<tr>
<td height="31" width="768" style="padding: 0">
<p align="center"><span class="gensmall"><font color="#FFFF66">Fridacocker 2007
-2010 © Tutti i diritti riservati. E' vietato riprodurre il materiale in modo
parziale o totale se non previo accordo.</font></span></td>
</tr>
</table>
<table border="0" width="952" height="126" style="padding: 0">
<tr>
<td height="31" width="942" style="padding: 0">
[img]wel109.gif[/img]</td>
</tr>
<tr>
<td height="16" width="942" style="padding: 0">
<font color="#ffff66" size="2">
Sito segnalato su</font></td>
</tr>
<tr>
<td height="59" width="942" style="padding: 0">

[img]bannertrovacuccioli.jpg[/img][img]allevamentich.jpg[/img][img]dogsitter.JPG[/img]

[img]cocker_spaniel_angielski.JPG[/img]

<a target="_blank" href="http://www.informacani.it">
[img]informacani.jpg[/img]</a>[img]buttonsegnalato.gif[/img][img]pestino2.jpg[/img][img]sitoveloce.gif[/img][img]anm.gif[/img][img]eurobreeder_02.gif[/img][img]logochico.jpg[/img]</p>

</td>
</tr>
</table>

</body>

</html>

**miki003** · 05-03-2010, 22:36

codice:

<table border="3" width="974" height="737" bordercolorlight="#000080" 
bordercolordark="#000080" style="border-collapse: collapse" align="center">

**Syl85** · 05-03-2010, 23:47

grazie mille! Effettivamente si allinea tutto centrale...ma vale poi per qualsiasi tipo di monitor?
Me lo prospettavano molto difficile da risolvere...

**miki003** · 06-03-2010, 01:08

Originariamente inviato da Syl85
grazie mille! Effettivamente si allinea tutto centrale...ma vale poi per qualsiasi tipo di monitor?
Me lo prospettavano molto difficile da risolvere...

align center aligna al centro in tutti i monitor ma il problema non si risolve così facilmente!

Perchè un sito si adatti a qualsiasi risoluzione, per prima cosa non bisogna assolutamente usare le tabelle per posizionare gli oggetti ma bisogna lavorare di div+css costruendo un layout liquido o elastico.

Fare un layout del genere è una cosa complicata anche per un esperto e navigato programmatore, pertanto quando un dilettante chiede come fare per fare un sito che si adatti a tutte le risoluzioni, è opportuno consigliare sempre un sito con un layout fisso

**Syl85** · 06-03-2010, 22:17

grazie per la spiegazione

Discussione: Sito allineato in tutti i monitor

Strumenti discussione

Ricerca discussione

Visualizza

Sito allineato in tutti i monitor

Permessi di invio