ExperimentWeb Home page
Home > Esempi con i CSS
Seleziona
il tuo style:


Seleziona
il tuo Font:
Georgia | Verdana

1 user online!
1 user viewing this page!
Locations of visitors to this page


Centratura di un banner testuale in JS con i CSS 2 parte

Gli utenti che utilizzano browser piuttosto datati che non supportano pienamente il DOM possono ugualmente leggere il contenuto del sito senza avere un supporto grafico.

Come si è visto è possibile ottenere con i CSS e l'utilizzo di un banner JS testuale , un banner che ad ogni apertura o reload della pagina cambia la scritta preimpostata e con i CSS viene posizionato il testo al centro del banner da 468x60 pixel.

Questo comportamento si verifica in modo corretto sui seguenti browser

1 - Iexplore 6.0 sp1

2 - Mozilla 1.41 con le seguenti modifiche da effettuare in #banner :

#banner{

width : 468px; /* larghezza del banner */
height : 60px; /* altezza del banner */
display: block;
/* position : fixed; */ /* <--- eliminato */
background : #FeA; /* colore dello sfondo del banner */
font-weight : bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-left: 130px; /* centratura Sinistra */
margin-right: 130px; /* centratura Destra */
border:1px solid orange;
text-align : center;

}

3 - Opera 7.21

Questi sono solo una parte dei browser disponibili , se qualche persona li provasse con altri browser può mandarmi i test con l' esito riscontrato e eventuali modifiche al codice apportate al seguente indirizzo di e-mail.





<< Indietro

















Ultima modifica :3/01/08 alle ore 14:31