WebSite X5Help Center

 
Luigi Dell'aquila
Luigi Dell'aquila
User

Tabella centrata  it

Author: Luigi Dell'aquila
Visited 1405, Followers 2, Shared 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

Posted on the
6 ANSWERS - 1 USEFUL - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Luigi Dell'aquila
Luigi Dell'aquila
User
Author

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

Read more
Posted on the from Luigi Dell'aquila
 stesil  
 stesil  
User

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

Read more
Posted on the from  stesil  
Luigi Dell'aquila
Luigi Dell'aquila
User
Author
 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

Read more
Posted on the from Luigi Dell'aquila
 stesil  
 stesil  
User

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

Read more
Posted on the from  stesil  
Luigi Dell'aquila
Luigi Dell'aquila
User
Author
 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

Read more
Posted on the from Luigi Dell'aquila