Problemone con i CSS

13-07-2004, 19.45.28

Ciao a tutti, ho studiato i CSS da poco, quindi ne so giusto il minimo indispensabile... ho visto da un sito un layout (grafica) pronto per il mio sito e apportando qualche modifica sono riuscito ad ottenere quello che volevo. C'è però un problema gigantesco: nei tag html che vado ad usare, è come se non ci fossero gli align, infatti l'ho scoperto con un problema a ua immagine. il tag dell'immagine che uso epr allinearla al centro è <img align="middle" src="url"> ma la img sta sempre a sinistra (solamente con right cambia qualcosa, ma l'img si mette sopra al testo, insomma un macello). Mi potreste aiutare?

Premetto che io uso un foglio di stile esterno, e ho notato che usandolo interno non ho questo problema (logicamente senza mettere alcuni pezzi di codice che non servono).

Vi prego aiutatemiiiiiiiiiiiii

Di seguito vi allego il codice del CSS esterno:

/* CSS Document */
/* CSS document by itAndy90*/

BODY{
margin-left : .5cm;
margin-right : .5cm;
color : #000099;
font-family : "Century Gothic";
font-size : 9pt;
background-color:#FF9999;
background-image:url("http://mksoftware.altervista.org/images/sfondo.jpg");
background-attachment:fixed;
background-repeat:no-repeat;
}

hr { display:none; }

code {
display:block;
margin:0 1em .5em 1em;
}

#testa {
width:100%;
margin:1em auto;
text-align:center
}

#corpo {
position:relative;
width:100%;
margin:1em auto;
text-align:left
}

#corpo-colonna1 {
position:absolute;
top:0; left:0;
width:160px;
}

#corpo-colonna2 {
margin:0 200px 0 160px;
border-left:1px solid #000;
border-right:1px solid #000;

}

#corpo-colonna3 {
position:absolute;
top:0; right:0;
width:200px;
}

#piedipagina {
width:760px;
margin:1em auto;
text-align:left
}

A:LINK{
text-decoration : none;
color : #009900 ;
}

A:VISITED{
text-decoration : none;
color : Gray;
}

A:HOVER{
Color : #ffff00;
text-decoration : none;
}

TD{
font-family : "Century Gothic";
font-size : 9pt;
}

p{
text-align: justify;
text-indent: 9px;
}

.titolo {
font-family: "Arial";
color: #0000FF;
font-size: 18pt;
text-align: center;
font-style: bold;
}

.sottotitolo {
font-family: "Trebuchet MS";
color: #6699FF;
font-size: 10pt;
font-style: bold;
}

.testo {
font-family: "Century Gothic";
color: #000000;
font-size: 9pt;
text-align: justify;
}

13-07-2004, 20.24.20

Scusa ma è dentro una tabella? perché il valign lo metti quando lavori in una tabella (se non erro).
Se, invece, è nel body, devi mettere align="center"

Oh... non è che io sia un'espertona, quindi prendi questo msg per quello che vale.

13-07-2004, 20.52.57

Io uso le tabelle per impaginare... però le tabelle sono create con i css (vedi il foglio sopra) che richiamo con il tag <div id="tabella"> (per esempio) . Logicamente il tag DIV sta dentro al <body> </body>

13-07-2004, 21.29.14

Fai attenzione che middle può essere usato con gli attributi valign mentre con align devi usare center:

<img align="center" src="url">

Se vuoi un manualetto semplice e conciso per notare questo genere di cose puoi trovarlo nel mio sito oltre che in tutti i motori di ricerca.

13-07-2004, 21.49.59

Probabilmente mi sono spiegato male io, ma quei tag non mi funzionano più se uso i css... ho già provato (e anche riprovato) ma niente...

13-07-2004, 21.58.28

tu hai questo codice

p{
text-align: justify;
text-indent: 9px;
}

che fa si che tutto ciò che è dentro <p> venga giustificato
prova a levarlo.

13-07-2004, 22.17.18

Grazie. Ora funge. Ho levato anche il text-align:left a #corpo così almeno mi evito problemi con l'allineamento in futuro. Grazie mille a tutti ^^

Discussione: Problemone con i CSS

LinkBack

Strumenti discussione

Display

Problemone con i CSS

Regole di scrittura