[CSS/DIV] Formattazione testo e immagini

**Toelupe** · 25-07-2008, 10:57

Buoooooongiiiiorrrrrno

Ho un problemino con una formattazione di un div, contenente del testo e delle immagini, il primo va formattato in giustificato, mentre le immagini (a volte una o anche due per riga insieme) dovrebbero andare centrate nella pagina, peccato che invece mi venga formattato tutto a sinistra

Le ho provate tutte, la pagina html è

codice:

<div id="prova">
blablabla[img]immagine.gif[/img]
blablabla[img]immagine.gif[/img][img]immagine.gif[/img]
</div>

Mentre il css è così

codice:

#prova {
width:630px;
background:#fffff;
text-align:justify;
}
DIV#prova IMG {
text-align:center;
margin:0 auto;
}

**fcaldera** · 25-07-2008, 11:03

se il testo è troppo corto rispetto alla larghezza del div, il justify non può avere effetto

se vuoi centrare l'immagine devi anche specificarne la larghezza e quindi display: block;

**Toelupe** · 25-07-2008, 11:36

Ci avevo già provato, con pessimi risultati

Il testo sarà ovviamente più lungo, quindi giustificato va bene, il problema son proprio le immagini, così me le mi allinea una sotto l'altra, a me servirebbe che, nel caso ce ne siano due vicine, vengano visualizzate entrambe sulla stessa riga, ma centrate.

E' una stupidata clamorosa, ma non ci riesco manco per errore, mi son incastrato in una scemenza

**fcaldera** · 25-07-2008, 12:07

se hai la possibilità di wrappare le immagini in un elemento, potresti risolvere così

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>xhtml 1.0</title>
     
        <style type="text/css">
        
        div {
            width   : 500px;
            border  : 1px solid #767676;
            text-align  : center;
        }
        
        p {
            text-align  : justify;
            margin      : 1.5em 0 0 0;
            padding     : 0;
        }

        ins {
            margin          : 1.5em 0 0 0;
            border          : 1px solid #767676;
            display         : block;
            text-align      : center;
        }

        </style>

    </head>

<body>

<div>
    


       Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
    </p>

    <ins>
        
    </ins>

    


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
    </p> 
    

    <ins>
        
        
    </ins>
</div>

</body>
</html>

**Toelupe** · 25-07-2008, 12:20

Perfetto, grazie!

Discussione: [CSS/DIV] Formattazione testo e immagini

Strumenti discussione

Ricerca discussione

Visualizza

[CSS/DIV] Formattazione testo e immagini

Permessi di invio