ciao a tutti. volevo creare per il mio sito una base come questa non so come spiegare(non intendo il contenuto ma quella specie di tabella che occupa tutta la pagina)
http://www.charizardpage.com/home_fi...Layout_v.5.png
opppure come questa
http://img494.imageshack.us/img494/8685/prewiev35rm.png
se potete darmi il codice grazie
Se sei interessato al solo codice html, ti basta guardare il sorgente della pagina.
Ciao!
ma il problema che le immagini le ho trovate sulla storia del sito xkè ora il sito è diverso
vai a quel sito guardi l'html e lo imiti
ora il sito ha cambiato tutto non è piu impostato così
Studiando un po' di html, puoi benissimo farlo.
http://xhtml.html.it/guide/leggi/51/guida-html/
un po lo so l'html esempio il colore del testo immagini link...
ma mi potete dare il codice?
Css
Codice HTML:#center{
float: left;
width: xxpx; /* xx = dimensione px = pixel */
background: red; /*colore parte centrale */
height: yypx; /* yy= dimensione px = pixel */
}
#left{
float: left;
widht: xxpx; /* xx = dimensione px = pixel */
background: yellow;/*colore parte sinistra*/
height: yypx; /* yy= dimensione px = pixel */
}
#right{
float: left;
widht: xxpx;/* xx = dimensione px = pixel */
background: green;/*colore parte destra*/
height: yypx; /* yy= dimensione px = pixel */
}
html
ovviamente va modificato ed integrato in base alle tue esigenze, questo è solo un' esempio.Codice HTML:<div id="left"> Sinistra </div>
<div id="center"> Centro </div>
<div id="right"> Destra </div>
Come detto prima, studiando un po' di html puoi benissimo farlo, ergo per lavorare sull'esempio ti rimando a http://forum.it.altervista.org/basi-...-iniziare.html dove puoi trovare diversi link a diverse guide html / css
si possono mettere le percentuale al posto dei pixel? se si come?
io ho fatto così ma non occupa tutta la pagina come mai?
<Style>
#center{
float: left;
width: 60%; /* xx = dimensione */
background: red; /*colore parte centrale */
height: 100%; /* yy= dimensione */
}
#left{
float: left;
widht: 20%; /* xx = dimensione */
background: yellow;/*colore parte sinistra*/
height: 100%; /* yy= dimensione */
}
#right{
float: left;
widht: 20%;/* xx = dimensione */
background: green;/*colore parte destra*/
height: 100%; /* yy= dimensione */
}
body{margin:0;}
</Style>
Così, ad intuito, direi indicando la percentuale anzichè il numero in pixel... ad intuito eh...
ciao!
pokemonpersempre
Basta sostituire al posto di xx e yy il loro valore in percentuale(in base alla pagina) e levare px alla fine...Ad es:Codice HTML:#center{float: left; width: xxpx; background-color: red; height: yypx}
#left{float: left width: xxpx; background-color: yellow; height: yypx}
#right{float: left; width: xxpx; background-color: green; height: yypx}
LastWings cerca di essere più precisa quando scrivi un codice o una parte di CSS, ho trovato 2 o 3 errori.Codice HTML:#center{float: left; width: Numero%; background-color: red; height: 50%}
#left{float: left width: Numero%; background-color: yellow; height: 40%}
#right{float: left; width: Numero%; background-color: green; height: 30%}
EDIT: Il CSS va racchiuso tra i tag <style> e </style>, ma è meglio scrivere <style type="text/css"> e chiuderlo con il solito marcatore.
Il CSS è meglio se viene messo nell'Head del sito.
In questo caso, per usare il tuo codice:
Vedi se così ti funziona.Codice:<style type="text/css">
#center{float: left; width: 60%; background-color: red; height: 100%}
#left{float: left; width: 20%; background-color: yellow; height: 100%}
#right{float: left; width: 20%; background-color: green; height: 100%}
body{margin:0;}
</style>
ok ma quando metto il bordo me sfasa delle cose volevo mettere nella parte sinistra il bordo destro e nella parte destra il bordo sinistro come spessore tutti e due 1px
ecco il codice
Codice HTML:<html>
<head>
<title>Pokèmon per sempre</title>
<style type="text/css">
#titolo{float: left; width: 100%; background-color:#009bff ; height: 20%; border-bottom: 1px solid black;}
#left{float: left; width: 20%; background-color: #009bff; height: 100%;}
#center{float: left; width: 60%; background-color: #00ceff; height: 100%;}
#right{float: left; width: 20%; background-color: #009bff; height: 100%;}
#fondo{float: left; width: 100%; background-color:#009bff ; height: 20%; border-top: 1px solid black;}
body{margin:0;}
</style>
</head>
<body lang="it">
<div id="titolo"><center> <img src=url immagine></center></div>
<div id="left"> Sinistra </div>
<div id="center"> Centro </div>
<div id="right"> Destra </div>
<div id="fondo"> fondo </div>
</body>
</html>
Puoi linkarmi il sito con il codice?
Spiegati meglio non ho capito che intendi e cosa vuoi fare...
Il link è questo http://pokemonpersempre.altervista.org/loyout.php (quando l'ho finito al posto di loyout.php sarà home.php)
posto un immagine come lo voglio fare diventare
http://i42.tinypic.com/jubw45.gif
(la qualità dell'immagine non è il massimo fate finta che non cii sono quei pallini bianchi)
Ok, ma cosa vuoi fare esattamente?
Non vorrei postarti codici inutilmente...
mettere solo i bordi poi ho finito
Citazione:
Originalmente inviato da pokemonpersempre
<div id="titolo"><center> <img src=url immagine></center></div>
<div id="left"> Sinistra </div>
<div id="center"> Centro </div>
<div id="right"> Destra </div>
<div id="fondo"> fondo </div>
per il "fondo", ossia footer (piè di pagina):
#fondo{clear: both; width: 100%; background-color:#009bff ; border-top: 1px solid black;}
note:
clear "pulisce" il float degli elementi della pagina e lo fa posizionare sotto.
"heigh: 20%" NO!! altrimenti occuperà il 20% dello schermo. usa un valore in px o non mettere niente.
per gli altri elementi il valore "height: 100%" non serve a nulla. avranno tutti altezza diversa. per far si che le tre colonne abbiano la stessa altezza devi modificare la struttura.
Ma mettere il bordo al centro no eh?Così si ripercuote su entrambi gli spazi...
Dimmi se così tu funziona.Codice:<html>
<head>
<title>Pokèmon per sempre</title>
<style type="text/css">
#titolo{float: left; width: 100%; background-color:#009bff ; height: 20%}
#left{float: left; width: 20%; background-color: #009bff; height: 100%}
#center{float: left; width: 60%; background-color: #00ceff; height: 100%
#fondo{clear: both; width: 100%; background-color:#009bff ; border-top: 1px solid black}
body{margin: 0}
</style>
</head>
<body lang="it">
<div id="titolo"><center> <img src=url immagine></center></div>
<div id="left"> Sinistra </div>
<div id="center"> Centro </div>
<div id="right"> Destra </div>
<div id="fondo"> fondo </div>
</body>
</html>
no la parte destra me la mette in fondo
(non sto facendo le prove sul sito sto provando a copiare il codice sul blocco note e poi lo salvo in html)
http://www.intensivstation.ch/en/templates/Se la somma dei tre elementi della pagina (#left, #center e #right) è 100%, non puoi aggiungere i bordi! (le dimensioni dei bordi vengono sommate a quelle dei div)Citazione:
Originalmente inviato da theunknown
Come altri ti hanno consigliato,se vuoi realizzare un sito web devi conoscere l'html e non limitarti a chiedere il codice sul forum.
Comunque, qui trovi 15 template css con il codice già fatto per la struttura di pagina.
Risolto grazie a tutti!