WebSite X5Help Center

 
Luigi Dell'aquila
Luigi Dell'aquila
User

Tabella centrata  it

Autore: Luigi Dell'aquila
Visite 1404, Followers 2, Condiviso 0  

Ciao a tutti

devo utilizzare una pagina html da far visualizzare in un iframe del sito creato con WS. Avrei bisogno di centrare un'immagine col del testo accanto, il testo deve anche esso essere centrato.

Non so se può andar bene, ma io ho pensato di inserire una tabella con due celle: a sinistra l'immagine e a destra il testo.

Siccome il testo da inserire è brevissimo vorrei che la tabella si adattasse al contenuto, da far si che con il poco testo la tabella occupi la parte centrale della pagina.

Con il seguente codice invece la tabella occupa tutta la larghezza della pagina indipendentemente dal contenuto del testo.

Grazie

http://www.luigidellaquila.it/news/tabella.html

Postato il
6 RISPOSTE - 1 UTILE - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per una tabella tradizionale, se non si assegnano valori, le due colonne si dovrebbero adattare al contenuto, e viceversa...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luigi Dell'aquila
Luigi Dell'aquila
User
Autore

Non assegnando valori di default si posiziona a sinistra della pagina, io vorrei che andasse al centro.

Leggi di più
Postato il da Luigi Dell'aquila
 stesil  
 stesil  
User

Aggiungi margin:0 auto; alla tabella togliendo width:100% come già indicato.

Leggi di più
Postato il da  stesil  
Luigi Dell'aquila
Luigi Dell'aquila
User
Autore
 stesil  
Aggiungi margin:0 auto; alla tabella togliendo width:100% come già indicato.

La tabella si adatta al contenuto, ma resta comunque a sinistra della pagina

Leggi di più
Postato il da Luigi Dell'aquila
 stesil  
 stesil  
User

Puoi mettere online la tua prova? Perché ti assicuro che a me funziona.

Leggi di più
Postato il da  stesil  
Luigi Dell'aquila
Luigi Dell'aquila
User
Autore
 stesil  
Puoi mettere online la tua prova? Perché ti assicuro che a me funziona.

Hai ragione, funziona. Con il tuo consiglio avevo inserito solo margin:0 (non ho visto il resto) poi guardando l'immagine allegata mi sono accorto che avevo dimenticato "auto". L'ho inserito completo (margin:0 auto;) come avevi detto e  funziona... un po' meno la mia attenzione a leggere cry

Grazie Stesil

Leggi di più
Postato il da Luigi Dell'aquila