ho scaricato il template flowered-2 e voglio modificarlo per i miei scopi. In particolare vorrei che la linea superiore (su cui compare il nome del sito) stesse perfettamente al centro e non dipendesse dai margini dx e sx che vengono impostati nel css.
Allego un pezzo del css che secondo me dovrebbe funzionare ma in realtà mi allinea la striscia superiore a sx, invece di centrarla.
(vedere www.sias-spa.it/cms per capire cosa intendo: è la striscia blu in alto dove c'è scritto S.I.A.S. S.p.A.....)
In pratica vorrei che la scritta in oggetto (#main-title) fosse centrata come l'immagine che compare al di sotto e della stessa dmensione.
Code: Select all
html {
background-image: url(uploads/sias3/fondobig.jpg);
//background-repeat: repeat-y;
background-position: top center;
color: #4d80b9
}
body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-image: url(uploads/flowered_marco/left_side1.gif);
background-repeat: repeat-y;
//color: #4d80b9;
}
#container {
width: 900px;
display: inline;
}
#main-title {
[b]position: absolute center;[/b] questo dovrebbe centrare la scritta...
width: 1024px;
font-size: .7em;
letter-spacing: 5px;
text-align: right;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
padding-right: 50px;
background-color: #4d80b9;
color: #ffffff;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
}
#header-image {
//background-color: #ffffff;
background-image: url(uploads/bannerlong.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 147px;
border-top: 2px #d3e1ff solid;
border-bottom: 2px #d3e1ff solid;
}Grazie
