Come centrare la scroll?

24-01-2009, 21.42.04

Salve a tutti,vorrei capire come posizionare la scrollbarr con il testo al centro del mio sito con frontpage,ho trovato il codice giusto che mi permette di crearla ma mi viene visualizzata appiccicata a sinistra della pagina,la vorrei centrata ma non so come fare e se è possibile vorrei che all'interno di essa dove c'è il testo sia dello stesso colore dello sfondo della pagina....
qualcuno mi può aiutare?
Questo è il codice che ho trovato:

24-01-2009, 22.01.27

Se vuoi che il testo che c'è all'interno del tag div sia centrato allora aggiungi align:center;, mentre se vuoi che tutto il div sia centrato nella pagina, prova a dare al div un margin:0 auto;
Mi spiego meglio:
Metti nell'HTMl della pagina:

Codice:

<div id="nomechevuoi" style="overflow:auto;width:100px;height:100px">tes to</div>

ed il css seguente va messo all'interno degli head:

Codice:

<head>
<style type="text/css">
#nomechevuoi {
margin:0 auto;
}
</style>
 
</head>

25-01-2009, 00.14.39

ma il margin:0 auto; dove lo devo mettere?,il punto è che mi si vede proprio a sinistra della pagina e ho provato anche a fare l'opzione Centra ma non mi c'entra la scrollbarr,come faccio?,tre i tag head ho provato a mettere quel codice e anche nel body il div per la scrollbarr con il testo,ma non me lo centra,perchè?

25-01-2009, 12.59.31

Che senso ha usare style="" nel div quando gli dai un id?

Appensatisci il codice inutilmente.

Un 'esempio di pagina non validata al 100% (Manca il Doctype ecc):

Codice HTML:

<html>
<head>
<style type="text/css">
.scrollbar {
margin:0 auto;
overflow:auto;
width: 300px;
border: solid 1px #000;
max-width:100px;
max-height:100px
}
</style>
<title>Titolo Pagina</title>
</head>
<body>
<div class="scrollbar">Inserisci qui il testo che vuoi scrollare...</div>
</body>
</html>

Se metti width ed height anche se nn c'è bisogno della scrollbar lo spazio verrà occupato, mentre con max-* se supera quelle dimensioni viene lo scroll

PS: Ti ho messo i bordi per farti vedere lo spazio che occupa e gli ho assegnato una grande per centrarlo.

25-01-2009, 16.52.27

Ho incollato il codice nella pagina ma niente,mi viene sempre attaccato a sinistra della pagina quando faccio anteprima. Ho provato anche a fare l'opzione per centrare le cose sopra nel pannello ma mi centra solo il testo,io voglio proprio che il testo con la scroll si visualizzi al centro della pagina.
questa è la mia pagina,in forma di codice

<html>

<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Home</title>
</head>

<body bgcolor="#000000">

<img border="0" src="newcross2345.jpg" width="1581" height="255">           &n bsp;      
Zilla Italia -- Home -- Forum -- Youtube
 
 <img border="0" src="newmwnù2.jpg" width="100" height="23">     &nbsp ;        & nbsp;       &nb sp;       &nbsp ;        & nbsp;       &nb sp;       &nbsp ;        & nbsp;       &nb sp;       &nbsp ;        & nbsp;       &nb sp;       &nbsp ;        & nbsp;       &nb sp;       &nbsp ;        & nbsp;       &nb sp;       &nbsp ;       &nbsp ;

<img border="0" src="goddzzilla.jpg" width="171" height="28">     &nbsp ;        & nbsp;       &nb sp;       &nbsp ;        & nbsp;                &n bsp;       &nbs p;                 &n bsp;        
-Home 
-Forum
-Youtube
-News 
-Staff
-Galleria
-Mugen
<img border="0" src="gozzilla.jpg" width="286" height="28">
-Il Re Dei Mostri 
-Zilla
-I Film
-Le Serie Animate
-Videogames
-Fumetti e libri
-Arte
-Merchandising
<img border="0" src="newdata.jpg" width="286" height="28">
-I Kaiju
-I Personaggi
-I Luoghi
-Special
-Toho Universe
<img border="0" src="mostropedia.jpg" width="200" height="19">
-Schede
-Cinema Mostruoso
-Film Catastrofici
<img border="0" src="zillafan.jpg" width="171" height="42">
-Godzilla's Son
-Gojira fan fiction
<img border="0" src="finalaltro.jpg" width="171" height="28">
-Gemellati
-Affiliati
-Link
-Download
-Wallpapers      &nbs p;                 &n bsp;       &nbs p;            
-----------------------------------------------------------------------------        &n bsp;       &nbs p;                 &n bsp;       &nbs p;          
 
 
 
 
 
 
 
 
 
 

</body>

</html>

dove lo dovrei mettere il codice per avere centrato il testo con la scroll in mezzo alla pagina,le ho provate tutte ma senza risultato,mi si vede sempre a sinistra......

25-01-2009, 20.13.23

Io non capisco cosa vuoi dire per centrare la scrollbar in mezzo alla pagina

25-01-2009, 20.29.15

dunque,quando incollo il codice che ho messo nel primo messaggio su frontpage nella nuova pagina e se inserisco un testo,faccio anteprima e si vede benissimo una spece di casella senza bordi con all'interno il testo e in parte a destra c'è la scrollbarr che fa scorrere il testo.
Ecco,questa casella la vorrei in mezzo alla pagina perchè a me si visualizza a sinistra....dunque,ora vi linko un sito dove c'è la scrollbarr come la voglio io:

http://www.jurassicparkitalia.it/home.htm
Ecco,come vedete,in questo sito a destra del menù c'è la scrollbarr che fa scorrere il testo in questo caso,capito?
ecco,come faccio a metterla cosi o in altre posizioni basta che la possa spostare,a me rimane fissa a sinistra,come faccio...
forse prima non mi ero spiegato bene

25-01-2009, 20.42.37

Devi creare un layout a tre colonne, e con il codice che ti ho postato, devo fare il contenuto centrale

25-01-2009, 21.45.44

Dunque,ricapitolando,apro frontpage,faccio nuovo,metto il mio sfondo nero e poi faccio inserisci tabella giusto,3 colonne e 1 riga,poi dove lo metto il codice?

25-01-2009, 22.25.45

Studiati HTML, altrimenti non imparerai mai!

Alla fine è piu facile capire come farselo che mettere le mani su una cosa preimpostata

25-01-2009, 22.40.42

Ne sono uscito vittorioso,ora mi manca solo qualche trucchetto grafico per finire il sito,grazie a tutti,erano mesi che c'era questo problema che non riuscivo a risolvere,vi ringrazio

Discussione: Come centrare la scroll?

LinkBack

Strumenti discussione

Display

Come centrare la scroll?

Regole di scrittura