css:float; qual'è il valore esatto per la prorietà float?

[pierofix]

Originariamente inviato da misteriosamente
agli ordini Pieroflix!

A parte gli scherzi, il tuo atteggiamento rallenta pericolosamente il processo di apprendimento (a parer mio). Prova ad ascoltare i validi aiuti dati dagli altri, qui.

Oh, per l'amor del cielo, non è nè una predica nè una presunzione da burattino: è solo un puro suggerimento.

[misteriosamente]

ooooooooooooooHHHHHHH!Finalmente.
adesso vedo "ciao" dentro una scritta lunga gialla.

era questo allora che dovevo vedere?
E ci voleva un'ora per questo?
Ma questo adesso che cosè esattamente come si chiama sta cosa?

[darkiko]

Originariamente inviato da misteriosamente
E ci voleva un'ora per questo?

è proprio quello che volevo chiederti io.. te l'ho scritto alle 15.35, bastava fare copia-incolla...


comunque quello che abbiamo fatto è stato creare il nostro primo "blocco di testo"...
una struttura monolitica a tre colonne semplice possiamo dire che è composta da tre colonne di blocchi di testi, giusto?

allora adesso creiamo un secondo blocco di testo.

modifica il tuo codice di prima con qualcosa così:

<style>
p {
color:#FF0000;
}
.primo {
background-color:#FFCC00;
width:200px;
}
.secondo {
background-color:#00CCFF;
width:300px;
}
</style>

e

<div class="primo">


ciao</p>
</div>
<div class="secondo">


e ancora ciao</p>
</div>

salva e apri col browser, cosa succede? secondo te cos'abbiamo fatto?

[misteriosamente]

siiiiiiiiiiiiiiiii
e vai

bellino!
adesso vedo oltre al ciao in giallo anche un ancora ciao in blu

proprio bellino!

[haZe]

e cioè come applico in DW la proprietà clear?

Seriamente: basta con questa domanda che il clear non sai manco cosa sia.

haZeeeeeeeeeeeeeeeeeeeeeeeee [e vari]

Mi dispiace, ma: 1. non vivo su questo forum 2. non sono al tuo servizio

Detto questo chiudo, buon lavoro a entrambi

[misteriosamente]

che si fà ora?

[darkiko]

altro passo...
il nostro scopo è avere i blocchi uno di fianco all'altro no?

<style>
p {
color:#FF0000;
}
.primo {
background-color:#FFCC00;
width:200px;
float:left;
}
.secondo {
background-color:#00CCFF;
width:300px;
float:left;
}
</style>

e

<div>
<div class="primo">


ciao</p>
</div>
<div class="secondo">


e ancora ciao</p>
</div>
</div>

che è successo?

[misteriosamente]

haZe
guarda che sei te che ti sei intromesso ore fà...

comunque ciao

[misteriosamente]

Bellissimo!
Dimmi Dimmi se ci capisco....ma allora la parolina magica è "primo " e "secondo"?

perche adesso sono disposte in due meravigliosissime colonne!!!!!!!!!

[darkiko]

Originariamente inviato da misteriosamente
Dimmi Dimmi se ci capisco....ma allora la parolina magica è "primo " e "secondo"?

se provi a scrivere pippo e pluto al posto di primo e secondo ovviamente funziona lo stesso... quelli sono dei nomi che gli diamo noi.. (ribadisco, sei proprio sicuro/a di averla almeno letta quella guida?)

ti sei accorto che abbiamo inserito la proprietà float? e senza nessun diavolo di numero accanto ma solo col valore "left"? e che abbiamo aggiunto un altro <div> che contiene i primi due?

ok, ora fai un po' di prove togliendo quel float o impostandolo a right piuttosto che a left e guarda che succede...

da qui puoi andare benissimo avanti con le tue gambe, guida alla mano puoi fare quello che vuoi (ad esempio aggiungere la terza colonna..)

buon lavoro