-
Problemone con i CSS
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 :cry: :cry: :cry: :cry:
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;
}
-
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. :=):
-
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>
-
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.
-
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... :cry:
-
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.
-
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 ^^
