Vai al contenuto

Sito solo al centro (URGENTE!!!!!!!)

magomac

Da magomac
in Web design e sistemisti

Messaggi raccomandati

magomac

magomac

Inviato
Inviato

Ciao avrei bisogno di fare un sito (nn in flash) in modo che lo sfondo sia nero e poi tutta la parte con le scritte sia su sfondo blu al centro della pagina (in somma il nero deve fare da cornice).

Anche le barre di scorrimento devono essere solo sulla parte centrale.

Uso Dreamweaver MX 2004, come faccio?

Grazie

Link al commento
Condividi su altri siti
magomac

magomac

Inviato
  • Autore
Inviato
Originally posted by yorkman

Elabora > proprieta di Pagina >Sfondo

e scegli il nero...

poi inserisci una tabella ( la grandezza puoi settarla in pixel o percentuale)

con sfondo blu....

:pope:

Ci avevo già pensato non che provato ma i problemi sono due:

A) le barre di scorrimento non risultano nella tabella ma è tutta la pg che scorre. C'è un modo per far si che siano nella tabella?

:angioletto: è meno grave ma: possso dirgli di centrale la tabella sia orizzontalmente che verticalmente?

Link al commento
Condividi su altri siti
creattivo

creattivo

Inviato
Inviato

A) devi creare un Iframe che contenga la tabella. Solo in questo modo puoi far scorrere solo la tabella e non l'intera pagina

:ciao: il codice HTML dovrebbe essere questo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>nome pagina</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>



<body bgcolor="#000000">



<table width="75%"  border="0" cellspacing="0" cellpadding="0" align="center">



 <tr align="center" valign="top" bgcolor="#000099">

   <td>questa è la cella della tabella</td>

 </tr>

</table>

</body>

</html>

Link al commento
Condividi su altri siti
magomac

magomac

Inviato
  • Autore
Inviato

Mi scuso ma nn riesco ad ottenere quello di cui ho bisogno.

a) come faccio a creare un iframe che sia al centro (orizziontale e verticale)?

A quel punto avrei praticamente risolto perchè mi basta mettere la pg che ho bisogno di far stare al centro dentro l'iframe centrale.

Anche perchè all'interno di una tabella nn è che scorra...... La cella è quella e se no si allarga la tabella.....

Link al commento
Condividi su altri siti
Ra

Ra

Inviato
Inviato

Allora Mago se non vuoi usare un Javascript che "sniffi" vari browser e imposti poi a seconda di questo e della risoluzione le "coordinate" , puoi usare un esempio tipo questo 


<html>

<head>

<style>

body,html { 

height:100%;

margin:0; 

background:#000000;

}

#centrato {

height:500px;

width:700px; 

position:absolute;top:50%;left:50%;

margin:-250px 0 0 -350px; 

background:blue;

color:white;

}

</style>

</head>

<body>

<div id="centrato">

    <h3>

 Sto coso dovrebbe stare al centro


 Che Colori pero' ... pare il sito dell'Inter.

    </h3>

</div>

</body>

</html>

attento ad una cosa solo ....

i valori di "margin" (intesa come proprietà del div ) devono essere il primo la metà dell'altezza e l'ultimo la metà della larghezza .. solo che negativi.

Ovviamente dentro il DIV chiamato "centrato" ci devi far stare tutto quello che vuoi sia nel box centrato del tuo sito ... :ciao:

Narsil Bearer Blog : Destinati a Frantumarsi

"Metal ! Will Stand Tall !!!"

Link al commento
Condividi su altri siti
magomac

magomac

Inviato
  • Autore
Inviato
Originally posted by Ra

Allora Mago se non vuoi usare un Javascript che \"sniffi\" vari browser e imposti poi a seconda di questo e della risoluzione le \"coordinate\" , puoi usare un esempio tipo questo 


<html>

<head>

<style>

body,html { 

height:100%;

margin:0; 

background:#000000;

}

#centrato {

height:500px;

width:700px; 

position:absolute;top:50%;left:50%;

margin:-250px 0 0 -350px; 

background:blue;

color:white;

}

</style>

</head>

<body>

<div id="centrato">

    <h3>

 Sto coso dovrebbe stare al centro


 Che Colori pero' ... pare il sito dell'Inter.

    </h3>

</div>

</body>

</html>

attento ad una cosa solo ....

i valori di \"margin\" (intesa come proprietà del div ) devono essere il primo la metà dell'altezza e l'ultimo la metà della larghezza .. solo che negativi.

Ovviamente dentro il DIV chiamato \"centrato\" ci devi far stare tutto quello che vuoi sia nel box centrato del tuo sito ... :oops:

Grazie, credo proprio che ci siamo quasi!!!!

Avrei solo ancroa due cose:

A) Al posto delle dimensioni px ho provato a mettere dimensioni in percentuali ma ora mettendo come margine lametà della percentuale nn me lo centra più (ho anche provato a mettere come margine quello che gli mancava per arrivare a cento e la metà di quel valore:

ho provato con per esempio altezza 60% margine -40%

altezza 60% margine -20

altezza 60% margine 30%

ma.....

:ciao: è' possibile dirgli di emttere in quello spazio che mi hai creato al centro un'altra pg (un po' come se fosse un frame)?

Grazie

Link al commento
Condividi su altri siti
magomac

magomac

Inviato
  • Autore
Inviato

Ah no scusate, come nn detto:

se per caso il testo è più lungo della dimensione della pg nn mi permette di scorrere!! Quello ke mi servirebbe è proprio un frmae.....

Io avevo provato a dividere tante volte la pg in tanti frame in modo che alla fine rimanesse un bordo con tanti frame neri ed il centro, l'unico problema è stato che, nonostante gli abbia detto BORDI NERI e in DW li vedevo neri, sul browser i bordi erano bianchi!!!!

Link al commento
Condividi su altri siti
magomac

magomac

Inviato
  • Autore
Inviato

Ehi forse ce l'ho fatta!!!

Però utilizzando frontpage su un pc :oops: ......

Cmq adesso ho avuto modo di testarlo solo con explorer.........ditemi per favore come lo vedete voi dai vari browser. (Per ora solo per provarlo l'ho pubblicato su uno spazio gratis altervista)

Grazie mille e scusate.

http://benrad.altervista.org/

Link al commento
Condividi su altri siti
GaretJax

GaretJax

Inviato
Inviato

se aggiungi 

overflow: auto;



in modo che diventi:



#centrato { 

height:500px; 

width:700px; 

position:absolute;top:50%;left:50%; 

margin:-250px 0 0 -350px; 

background:blue; 

color:white; 

overflow: auto;

}

come proprietà al div che vuoi centrare avrai pure le barre di scorrimento... senza usare iframe ne altro :D

Link al commento
Condividi su altri siti

Archiviato

Questa discussione è archiviata e chiusa a future risposte.

Vai alla lista discussioni
×
×
  • Crea Nuovo...