Div

mercoledì 26 marzo 2008 - 09.50

gae58 Profilo | Senior Member

scusate la domanda, forse banale, ma non ho capito bene come usare al meglio i DIV.

Sto abbandonando le tabelle per l'input dei dati e mi sono creato due div in un CSS.

Il primo mi serve per le label (float left), l'altro per i textBox (float right).
I due div sono uno a fianco dell'altro.

Sotto questi due div ne uso un altro. Ho notatao che per quest'ultimo div devo inserire prima un <br /> e poi devo usare il comando float: clear, ma non mi è chiaro il perché.

Qualche aiuto?

grazie
Gaetano

Wamba Profilo | Expert

Ciao,
per il <br/> è facile: con il float il div non va "a capo". Per il float:clear non l'ho mai digerito molto neanch'io.
-----------------------------------------------------------
Solo chi ha il Caos dentro può generare una stella danzante
Wamba
http://blogs.ugidotnet.org/WamBlog/
http://www.intellimaker.com

togna Profilo | Newbie


ciao,

io proverei con :

.classe
{
clear:both;
}

questa classe la metti sull'ultimo DIV, quello in basso, senza mettere <br/>.

Ciao

Luca

freeteo Profilo | Guru

ciao,
io userei un codice Html cosi':
... <style> b { width:70px; display:inline-block; } div { display:block; margin-bottom:10px; } </style> </HEAD> <BODY> <div> <b>Nome:</b><input type="text" id="txtNome" /> </div> <div> <b>Cognome:</b><input type="text" id="txtCognome" /> </div> <div> <b>Indirizzo:</b><input type="text" id="txtIndirizzo" /> </div> ...

se devi solo fare il funzionamento di "label" e "textbox" il codice è semplice, e risparmi dei div e dei float...
ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

gene_old Profilo | Junior Member

La proprietà float:clear non esiste. Esiste la proprietà clear:

Non è necessario dichiarare ad un elemento la proprietà clear, dipende sempre che comportamento vuoi che abbia l'elemento stesso.
La proprietà clear viene dichiarata per impedire che quest'ultimo si disponga intorno ad elementi fluttuanti o viceversa abbia elementi fluttuanti attorno.

Se dichiari la proprietà "clear:left" significa che l'elemento nn avrà il lato sinistro occupato da elementi fluttuanti.

Se dichiari la proprietà "clear:right" significa che l'elemento nn avrà il lato destro occupato da elementi fluttuanti.

Se dichiari la proprietà "clear:both" significa che l'elemento nn avrà da entrambi i lati elementi fluttuanti.

Il clear ad un elemento viene dato anche per risolvere un bug dimensionale di alcuni interpreti.
Qui nel dettaglio l'articolo per risolverlo nel caso ti dovessi imbattere in questo bug.

http://www.css-zibaldone.com/traduzioni/easyclearing/index.html

gae58 Profilo | Senior Member

ringrazio tutti per le risposte.

Per freeteo:
ho dimenticato di dire che uso la label ed il textBox all'interno di una form e le altezze dei 2 oggetti sono diversi. Cerco un settaggio all'interno del div che mi eviti di settare i 2 oggetti.

Per gene:
ti ringrazio per la spiegazione, ma il concetto di fluttuante non lo conosco. Provo a leggere il link che mi hai dato

grazie


Gaetano

freeteo Profilo | Guru

>ringrazio tutti per le risposte.
>
>Per freeteo:
>ho dimenticato di dire che uso la label ed il textBox all'interno
>di una form e le altezze dei 2 oggetti sono diversi. Cerco un
>settaggio all'interno del div che mi eviti di settare i 2 oggetti.
nessun problema puoi mettere lo stile agli span (che è il render HTML della Label di asp.net) ed impostare vertical-align o padding...
Quindi puoi sostituire nel css il tag "b" con "span" e magari metterci l'height:
....
span { width:70px; display:inline-block; height:30px; }
....




ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

gene_old Profilo | Junior Member

Il link che ti ho mandato serve per risolvere un bug, se nn conosci il concetto di base magari può crearti solo confusione.
Per un accenno alla proprietà float ti consiglio questo link:

http://css.html.it/guide/lezione/39/tre-proprieta-speciali-display-float-clear/

Invece per una conoscenza più approfondita ti consiglio un buon manuale sui css =), anche perchè passare dal layout a tabelle al markup semantico bisogna capire alcuni concetti fondamentali=).
Il mio prendilo come un consiglio, anche io ho seguito questo percorso.
Ciao!
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5