Forum Flash, Actionscript, PHP e MySQL
[CSS]-Layout a tre colonne

 
Nuovo Topic   Rispondi    Forum Flash, Actionscript, PHP e MySQL » HTML, XHTML, CSS, standard W3C e accessibilità
Precedente  Successivo 
Autore Messaggio
cicciofarmaco
principiante
principiante



Registrato: 13/09/05 20:44
Messaggi: 47
Località: Catania Provincia
MessaggioOggetto: [CSS]-Layout a tre colonne
Inviato: 16.03.06 | 13:10		 Rispondi citando
Spulciando su constile.org ho trovato qst articolo:link

Facendo delle prove mi sono sorti alcuni dubbi:
1) Parchè alcuni frammenti di codice si ripetono 2 volte con lo stesso nome? Es.
 
Codice:
#testa { width:760px; margin:1em auto; text-align:left }
e
 
Codice:
#testa {
background:#ccc;
border:1px solid #000;
padding:1em 0;
}


Accopparli in un'unico sarebbe la stessa cosa? Es.
 
Codice:
#testa {width:760px; margin:1em auto; text-align:left; background:#ccc; border:1px solid #000; padding:1em 0;
}


2) Perchè tentando di creare una pagina con qst metodo:
 
Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><html>
<head>
<title>www.francescopappalardo.it - Sito ufficiale dell' On. Francesco Pappalardo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="testa">aaa</div>
<div id="corpo-colonna1">bbb</div>
<div id="corpo-colonna2">ccc</div>
<div id="corpo">ddd</div>
<div id="code">fff</div>
<div id="corpo-colonna3">eee</div>
<div id="piedipagina">ggg</div>
</body>
</html>


mi è venuto un obrobrio assurdo rispetto a quello che si vede nel link riportato in alto? Grazie.. Cool
____________________________________________________________
www.cicciofarmaco.tk <<--- My web portfolio
Torna in cima
Profilo Messaggio privato   HomePage Yahoo Messenger MSN Messenger Skype
Sponsor
Coach
amministratore
amministratore


Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona
MessaggioOggetto:
Inviato: 16.03.06 | 14:11		 Rispondi citando
Si, fare un unico identificatore sarebbe la stessa cosa.

Credo abbiamo separato le dichiarazioni solamente perchè nella stesura dell'articolo, prima spiga che imposterò la larghezza, quoto:

"Impostiamo la larghezza assoluta, pari a 760 pixel, per #testa, #corpo e #piedipagina. Tutte e tre le sezioni saranno poste al centro della pagina."

...e successivamente aggiunge particolari... quindi credo sia stato coorente visualizzando separatamente i passi fatti, tutto qua.

.
____________________________________________________________


Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE!
Torna in cima
Profilo Messaggio privato [ Nascosto ] HomePage Yahoo Messenger MSN Messenger Skype
cicciofarmaco
principiante
principiante



Registrato: 13/09/05 20:44
Messaggi: 47
Località: Catania Provincia
MessaggioOggetto: Re: [CSS]-Layout a tre colonne
Inviato: 16.03.06 | 15:10		 Rispondi citando
 
cicciofarmaco ha scritto:

2) Perchè tentando di creare una pagina con qst metodo:
 
Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><html>
<head>
<title>www.francescopappalardo.it - Sito ufficiale dell' On. Francesco Pappalardo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="testa">aaa</div>
<div id="corpo-colonna1">bbb</div>
<div id="corpo-colonna2">ccc</div>
<div id="corpo">ddd</div>
<div id="code">fff</div>
<div id="corpo-colonna3">eee</div>
<div id="piedipagina">ggg</div>
</body>
</html>


mi è venuto un obrobrio assurdo rispetto a quello che si vede nel link riportato in alto? Grazie.. Cool



Whistle Whistle Whistle Whistle Eh Eh Shock Shock
____________________________________________________________
www.cicciofarmaco.tk <<--- My web portfolio
Torna in cima
Profilo Messaggio privato   HomePage Yahoo Messenger MSN Messenger Skype
Coach
amministratore
amministratore


Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona
MessaggioOggetto:
Inviato: 16.03.06 | 15:27		 Rispondi citando
Come possiamo sapere il perchè?
Ci hai postato il code XHTML, quando di sicuro il problema è a livello di CSS... sono sicuro che se leggi e segui per bene l'articolo il risultato sarà corretto.

P.S: ricordati che i tag vanno chiusi: <link ... type="text/css" />
____________________________________________________________


Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE!
Torna in cima
Profilo Messaggio privato [ Nascosto ] HomePage Yahoo Messenger MSN Messenger Skype
cicciofarmaco
principiante
principiante



Registrato: 13/09/05 20:44
Messaggi: 47
Località: Catania Provincia
MessaggioOggetto:
Inviato: 16.03.06 | 19:55		 Rispondi citando
Beh ho omesso il codice css perchè è consultabile direttamente dal link che ho postato nel primo post..

Cmq dovrebbe essere:
 
Codice:
#testa { width:760px; margin:1em auto; text-align:left }
 
#testa {
background:#ccc; 
border:1px solid #000; 
padding:1em 0; 
}
 
#corpo-colonna1 {
position:absolute; 
top:0; left:0; 
width:160px; 
padding:1em 0; 
}
 
#corpo-colonna2 {
margin:0 200px 0 160px; 
border-left:1px solid #000; 
border-right:1px dotted #000; 
background:#fff:
padding:1em 0; 
}
 
#corpo { width:760px; margin:1em auto; text-align:left }
 
#corpo {
position:relative; 
background:#f0f0f0 url(sfondo_colonna1.png) repeat-y; 
border:1px solid #000; 
}
 
body {
text-align:center; 
font:80% verdana,helvetica,sans-serif; 
margin:0; padding:0
}
code {
font:80% verdana,helvetica,sans-serif; 
display:block; 
margin:0 1em .5em 1em; 
}
hr { display:none }
 
#corpo-colonna3 {
position:absolute; 
top:0; right:0; 
width:200px; 
padding:1em 0; 
}
 
#piedipagina { width:760px; margin:1em auto; text-align:left }
 
#piedipagina {
background:#eee; 
border:1px solid #000; 
padding:1em 0; 
}


Shock
____________________________________________________________
www.cicciofarmaco.tk <<--- My web portfolio
Torna in cima
Profilo Messaggio privato   HomePage Yahoo Messenger MSN Messenger Skype
mesk8
avanzato
avanzato


Età: -1984
Registrato: 31/10/05 16:41
Messaggi: 252
Località: Verona
MessaggioOggetto:
Inviato: 18.03.06 | 19:05		 Rispondi citando
se vuoi posso darti una mano anch'io con i css, basta che mi dici cosa voresti fare. Io ormai li uso moltissimo visto se devi creare un sito accessibile sono ormai diventati obbligatori. Visto che ci sei allega anche i file... Ciao Surprised
Torna in cima
Profilo Messaggio privato [ Nascosto ] MSN Messenger
Coach
amministratore
amministratore


Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona
MessaggioOggetto:
Inviato: 18.03.06 | 19:21		 Rispondi citando
cicciofarmaco,
bisognarebbe leggerli glia rticoli... anzi studiarli per bene e se qualcosa non riesce rileggerli e cercare di capire il perchè qualcosa non va. (almeno io faccio così)

I DIV:
- corpo-colonna1
- corpo-colonna2
- corpo-colonna3

devono essere contenuti nel DIV: corpo come segue:
 
Codice:
<div id="corpo">
    <div id="corpo-colonna1">bbb</div>
    <div id="corpo-colonna2">ccc</div>
    <div id="corpo-colonna3">eee</div>
</div>


il div: code lo puoi anche omettere, lui l'ha usato per visualizzare il code nei vari DIV.

Inoltre nella dichiarazione dell'identificatore: #corpo-colonna2 nella seguente riga hai messo ":" (due punti) invece di ";" (punto e virgola)
 
Codice:
background:#fff:

____________________________________________________________


Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE!
Torna in cima
Profilo Messaggio privato [ Nascosto ] HomePage Yahoo Messenger MSN Messenger Skype
Mostra prima i messaggi di:   
Nuovo Topic   Rispondi    Forum Flash, Actionscript, PHP e MySQL » HTML, XHTML, CSS, standard W3C e accessibilità Tutti i fusi orari sono GMT + 2 ore
Pagina 1 di 1

Discussioni Simili
Topic Autore Forum Risposte Ultimo Messaggio
Nessun nuovo messaggio [CSS] Layout a 3 colonne ishan HTML, XHTML, CSS, standard W3C e accessibilità 6 16.06.06 | 12:08 Leggi gli ultimi messaggi
ishan
Nessun nuovo messaggio layout css su tre colonne Mozilla ok,... Lau HTML, XHTML, CSS, standard W3C e accessibilità 8 29.03.07 | 12:51 Leggi gli ultimi messaggi
mesk8
Topic chiuso sezione cicciofarmaco, layout a tre c... mesk8 HTML, XHTML, CSS, standard W3C e accessibilità 3 26.03.06 | 17:33 Leggi gli ultimi messaggi
Coach
Nessun nuovo messaggio sql in locale e ricerca nelle colonne suns ActionScript & Server Side 5 26.05.09 | 10:23 Leggi gli ultimi messaggi
AngaraT
Nessun nuovo messaggio Importare layout in dreamweaver bambo Grafica e web design 6 27.02.08 | 15:25 Leggi gli ultimi messaggi
bambo



 
Vai a:  
Non puoi inserire nuovi Topic in questo forum
Non puoi rispondere ai Topic in questo forum
Non puoi modificare i tuoi messaggi in questo forum
Non puoi cancellare i tuoi messaggi in questo forum
Non puoi votare nei sondaggi in questo forum
Non puoi allegare files in questo forum
Puoi downloadare gli allegati in questo forum



Powered by phpBB © 2001, 2002 phpBB Group - phpBB SEO Designed by coachdesign - © 2003-2005