Telefonino.net network
 
| HOMEPAGE | INDICE FORUM | REGOLAMENTO | ::. NEI PREFERITI .:: | RSS Forum | RSS News | NEWS web | NEWS software |
| PUBBLICITA' | | ARTICOLI | WIN XP | VISTA | WIN 7 | REGISTRI | SOFTWARE | MANUALI | RECENSIONI | LINUX | HUMOR | HARDWARE | DOWNLOAD | | CERCA nel FORUM » |

Torna indietro   WinTricks Forum > Software > Programmazione

Notices

Rispondi
 
Strumenti discussione
Vecchio 07-12-2006, 14.59.56   #1
knightOfDoom
Junior Member
 
Registrato: 30-05-2006
Messaggi: 105
knightOfDoom promette bene
[CSS] Quesito su caricamento pagina

Salve a tutti, dalla guida di css che ho trovato su html.it

ho trovato questo sorgente, che sarebbe l'ideale per quello che ho intenzione di fare io:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Layout a tre colonne con posizionamenti assoluti</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">

<style type="text/css">
/*stili per il layout fisso con posizionamenti assoluti*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{position: relative;width:760px; margin: 0 auto;
border-left: 1px solid #ccc; border-right: 1px solid #ccc;
background: url(3rightcol.jpg) repeat-y top right}
div#container2{background: url(3leftcol.jpg) repeat-y top left;text-align: left}

/*stili generici, su header e footer*/
div#header{height: 80px;background-color:#36C;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 1.5em}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 80px; left: 0;
width: 160px;\width:170px;w\idth:160px;padding: 1em 0 0 10px}
div#extra{position: absolute; top: 80px; right: 0;
width: 160px;\width:170px;w\idth:160px;padding: 1em 5px}
div#content{margin: 0 170px;padding: 1em 10px;background-color: #fff}
div#footer{text-align:center; padding: 5px 0;
background-color: #69c; color: #000}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}
</style>
</head>
<body>
<div id="container">
<div id="container2">
<div id="header">
<h1>Html.it</h1>
</div>
<div id="content">
<h2>Layout a tre colonne - versione con i posizionamenti assoluti e immagine di background</h2>
<p>Per il layout a tre colonne con i posizionamenti assoulti nel codice html la sezione dei contenuti deve precedere le due colonne
laterali, e deve essere la più lunga. Ritengo che siano una caratteristica e un limite che si compensano a vicenda: migliore accessibilità
e chanche di indicizzazione nei motori di ricerca per un limite accettabilissimo.<br>Infatti è raro trovare siti in cui i contenuti delle colonne laterali eccedono rispetto alla colonna centrale, e per tali situazioni si può
sempre pensare uno snellimento o una riorganizzazione (spostando i contenuti nella colonna centrale) dei contenuti delle colonne laterali.</p>
<p>Sull' ordine di html delle due colonne laterali non ci sono vincoli: si può quindi scegliere se disporre prima la navigazione oppure
la colonna extra. Dovendo effettuare una scelta apparentemente ininfluente, si può optare per avere la seguente disposizione di codice: header, corpo centrale, colonna extra, navigazione e footer.</p>
<p>Per il layout a tre colonne con i posizionamenti assoulti nel codice html la sezione dei contenuti deve precedere le due colonne
laterali, e deve essere la più lunga. Ritengo che siano una caratteristica e un limite che si compensano a vicenda: migliore accessibilità
e chanche di indicizzazione nei motori di ricerca per un limite accettabilissimo.<br>Infatti è raro trovare siti in cui i contenuti delle colonne laterali eccedono rispetto alla colonna centrale, e per tali situazioni si può
sempre pensare uno snellimento o una riorganizzazione (spostando i contenuti nella colonna centrale) dei contenuti delle colonne laterali.</p>
<p>Sull' ordine di html delle due colonne laterali non ci sono vincoli: si può quindi scegliere se disporre prima la navigazione oppure
la colonna extra. Dovendo effettuare una scelta apparentemente ininfluente, si può optare per avere la seguente disposizione di codice: header, corpo centrale, colonna extra, navigazione e footer.<br>
</p>
</p>
</div>
<div id="extra">
<div class="newsbox">
<h2>Larghezza delle colonne</h2>
<p>La tendenza è avere le due colonne laterali a larghezza fissa e la colonna centrale fluida [...]</p>
</div>
<div class="newsbox">
<h2>Largezza totale</h2>
<p>Un layout a tre colonne si presenta generalmente fluido a larghezza totale,
e cioè occupa in ampiezza tutta la larghezza della finestra del browser [...]</p>
</div>
</div>
<div id="navigation">
<ul>
<li><a id="activelink" href="#">Home</a></li>
<li><a href="#">Pillole</a></li>
<li><a href="#">Contenuti</a></li>
<li><a href="#">Grafica</a></li>
<li><a href="#">Linguaggi</a></li>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Software</a></li>
</ul>
</div>
<div id="footer">© 1997-2004 - Grafica, layout e guide sono di esclusiva proprietà di <a href="http://HTML.it">HTML.it</a> s.r.l.<br>
Note e informazioni legali</div>
</div>
</div>
</body>
</html>


Però, sono un gran newbbo sui css e layout e volevo chiedere:

- tramite il menu a sinistra io posso caricare delle pagine tramite link, nella zona centrale, come faccio senza dover ricaricare tutta la pagina??
- alcune mie pagine sono dinamiche, ossia prendono dati da un db, quindi una visualizzazione del risultato sarà divisa in più viste (spero di essermi spiegato) e collegate tra loro tramite link, come faccio a caricare queste pagine senza dover ricaricare il tutto..

Io fino ad ora ho oviato a questo tramite i famre, ma ora voglio dare un tocco più verso la grafica che verso altro al mio sito..

grazie per l'aiuto e
spero di essermi spiegato abbastanza bene.
___________________________________

Ciò che molti non capiscono è una banalità per altri..
------------------------------------------------------
siederò sulla sponda del fiume aspettando che passi il tuo cadavere.
knightOfDoom non è collegato   Rispondi citando
Rispondi


Utenti attualmente attivi che stanno leggendo questa discussione: 1 (0 utenti e 1 ospiti)
 
Strumenti discussione

Regole di scrittura
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is ON
Gli smilies sono ON
[IMG] è ON
Il codice HTML è OFF

Vai al forum

Discussioni simili
Discussione Autore discussione Forum Risposte Ultimo messaggio
misurare tempo caricamento pagina web... cippico Segnalazioni Web 0 03-08-2008 14.56.06
Intestazione pagina in Word lssmsm Office suite 0 25-03-2005 18.40.36
Google Trick #2: restringere la ricerca a parti specifiche della pagina [LUNGO] realtebo Internet e Reti locali 2 16-03-2005 08.14.22
Problema caricamento pagina htm mattia Software applicativo 3 10-05-2004 14.40.20
Intestazione e pié di pagina in WORD Gabry Software applicativo 13 03-10-2003 19.10.52

Orario GMT +2. Ora sono le: 21.57.50.


E' vietata la riproduzione, anche solo in parte, di contenuti e grafica.
Copyright © 1999-2017 Edizioni Master S.p.A. p.iva: 02105820787 • Tutti i diritti sono riservati
L'editore NON si assume nessuna responsabilità dei contenuti pubblicati sul forum in quanto redatti direttamente dagli utenti.
Questi ultimi sono responsabili dei contenuti da loro riportati nelle discussioni del forum
Powered by vBulletin - 2010 Copyright © Jelsoft Enterprises Limited.