tre colonne

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
Salve a tutti,

Dovrei dividere lo schermo a tre colonne sx centro dx. E stendere delle righe in verticale (cosa che non so fare). Questo quanto ho fatto fino ad ora. Ottenendo tre testi uno a sx uno al centro e uno a dx ma quello di dx mi viene sfalzato. Lo dovrei portare in linea con gli altri. Posto il codice:

PHP:
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <!--http://www.ideepercomputeredinternet.com/2013/05/dividere-post-blogger-colonne.html Qua si trova l'sempio-->
    <style type="text/css">
#col1 {
float: left;

}
#col2 {


text-align:center;

#col3 {
float: right;
height: 1px;
}

</style>
         
    </head>
<div id="col1">
Testo da visualizzare nella prima colonna.</div>
<div id="col2">
<div style="text-align:center">
Testo da visualizzare nella seconda colonna.</div></div>
<div id="col3">
    <div style="float: right;">
Testo da visualizzare nella terza colonna.</div></div>
<div style="clear: both;">
</div>
</div>
    
     
    <body>
        <?php
        // put your code here
        ?>
    </body>
</html>

In pratica ho la difficoltà sulla terza colonna che viene posizionata male: Ma le righe in verticale come diavolo si fanno ??? In orizzontale c'è il tag <hr> però in verticalenon ho capito come si fa. Spero che qualcuno mi possa dare una mano grazie.
 
Ultima modifica di un moderatore:

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
148
63
PR
www.borgo-italia.it
ciao
intanto guarda che i <div> devi metterli tra <body> e </body> e non tra </head> e <body>
e poi perche fai tutto quel caos coi div
comunque prova così (ho messo i colori di bck per evidenziarli), ho dato il border ai div

HTML:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--http://www.ideepercomputeredinternet.com/2013/05/dividere-post-blogger-colonne.html Qua si trova l'sempio-->
<style type="text/css">
#col1{
	display:block;
	float: left;
	background-color:#99CC66;
	width:33%;
	height:auto;
	text-align:center;
	border-left:2px solid #000000;
}
#col2 {
	display:block;
	float: left;
	background-color:#CCFFCC;
	width:33%;
	height:auto;
	text-align:center;
	border-left:2px solid #000000;
	border-right:2px solid #000000;
}
#col3 {
	display:block;
	float: left;
	background-color:#99CCCC;
	width:33%;
	height:auto;
	text-align:center;
	border-right:2px solid #000000;
}
</style>      
</head>
<body>
<div id="col1">
Testo da visualizzare nella prima colonna.
</div>
<div id="col2">
Testo da visualizzare nella seconda colonna.
</div>
<div id="col3">
Testo da visualizzare nella terza colonna.
</div>
</body>
</html>
 
Discussioni simili
Autore Titolo Forum Risposte Data
P [HTML] [PHP] dividere lo schermo in tre colonne HTML e CSS 110
B numero progressivo formato da tre colonne MySQL 19
P Dividere lo schermo in tre colonne HTML e CSS 1
P Dividere lo schermo in tre colonne HTML e CSS 6
M home page a tre colonne - aiutatemi!!!! HTML e CSS 2
M Problema su query JOIN in tre tabelle PHP 0
ges Microsoft ACCESS oltre ogni limite (tre manuali) Altri Annunci 2
G [PHP] FORM INVIO VALORI A QUERY CON TRE CONDIZIONI PHP 2
trattorino [PHP] Select tre tabelle collegamento PHP 9
S Come allineare tre immagini in linea al centro HTML e CSS 1
P Tre router in una rete Reti LAN e Wireless 2
M Script php login con password in scadeza ogni tre mesi PHP 2
P copiare tre tabelle senza legami in un unica tabella MySQL 4
G tre box affiancati che non si affiancano HTML e CSS 18
A up solo per tre utenti in dir diverse PHP 2
D background in tre sezioni "WordPress" HTML e CSS 0
H [HTML] Menu orizzontale su tre o più livelli HTML e CSS 4
G offro per tre euro al mese spazio banner Vendere e Acquistare pubblicita' online 0
D Bloccare le news della home a tre!!! PHP 2
A Inner join con tre tabelle PHP 0
U Aiuto per Drop Down Menu tre livelli PHP 0
A Hotel Diana: hotel tre stelle vicino al mare per le tue vacanze a Jesolo Lido. Presenta il tuo Sito 2
Eugene Tre div all'interno di un altro div - problema IE HTML e CSS 2
M pagina divisa in tre parti: come fare? HTML e CSS 7
peppoweb Tre worm all'attacco Sicurezza e Virus 0
F Tre domandine, Help! Classic ASP 0
V Videofonini Tre Presenta il tuo Sito 4
V Videofonini Tre Discussioni Varie 2
peppoweb Microsoft batte Linux tre volte in contratti con governi europei Discussioni Varie 0
peppoweb Tre Nuove Backdoor Sicurezza e Virus 0
peppoweb Tre nuovi aggiornamenti importanti rilasciati per Windows 2000 / Xp Sicurezza e Virus 0
M Esportare tabella in csv con intestazione di colonne PHP 6
max1974 raggruppare e girare i dati in colonne MySQL 11
A Somma delle colonne di una tabella pivot Database 6
S [PHP] Selezionare i campi non in comune con le altre colonne della tabella PHP 4
S [MS Access] Report con colonne duplicate MS Access 0
GraceHawk ACCESS e VBA: scorrere le righe e le colonne di una tabella? MS Access 3
S [PHP] selezionare colonne in comune con un altra tabella PHP 5
F [HTML] Google fogli ordinare per colonne HTML e CSS 0
Kolop [HTML] Menu a colonne stessa lunghezza HTML e CSS 7
A [HTML] due colonne responsive HTML e CSS 1
elpirata [PHP] Query per ricercare stringa in più colonne PHP 5
U [PHP - RISOLTO] Tabella dinamica: colonne selezionate da checkbox PHP 40
S [Javascript] Slider html: Mostrare immagini su 4 colonne Javascript 20
elpirata [PHP] Larghezza colonne Fpdf PHP 0
fabryx [PHP]RISOLTO: Trasformare righe in colonne assegnando singole variabili PHP 10
S [PHP] Selezionare tutte le colonne meno due PHP 6
A Footer a 6 colonne equistanziato e centrato HTML e CSS 1
S Come estrapolare nomi colonne tabella e affiancare Input Radio PHP 16
K div a due colonne e div annidati HTML e CSS 17

Discussioni simili