WebSite X5Help Center

 
Luigi Dell'aquila
Luigi Dell'aquila
User

Tabella centrata  it

Auteur : Luigi Dell'aquila
Visité 1640, Followers 2, Partagé 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

Posté le
6 RéPONSES - 1 UTILES - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luigi Dell'aquila
Luigi Dell'aquila
User
Auteur

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

Lire plus
Posté le de Luigi Dell'aquila
 stesil  
 stesil  
User

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

Lire plus
Posté le de  stesil  
Luigi Dell'aquila
Luigi Dell'aquila
User
Auteur
 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

Lire plus
Posté le de Luigi Dell'aquila
 stesil  
 stesil  
User

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

Lire plus
Posté le de  stesil  
Luigi Dell'aquila
Luigi Dell'aquila
User
Auteur
 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

Lire plus
Posté le de Luigi Dell'aquila