- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- [Risolto] Posizionare i div orizzonatalmente
-
Laburno...
nonostante abbia messo l'ultima volta [RISOLTO], ho ancora problemi con il riposizionamento orizzontale dei div.
L'altra volta avevo risolto ora non mi riesce di nuovo...metti che io abbia 3 div orizzontali che sono uguali. Quindi uguale per tutti e 3: <div class= "tipoA">
se io metto nel css#tipoA {
width: 920px;
width: X;
float: left;
}non mi vanno orizzontali ma uno sopra all'altro... dove sbaglio?
-
Io sono profana, cmq io non ho messo width: X.
E sopratutto hai una pagina larga 3 volte 920? :():
-
no ovviamente il mio esempio era del tutto scavolato...
volevo mettere in un div che è largo 920px, tanti (ho detto 3 per semplificare) div larghi tipo 150 (non 920!!! ) come voci del menu...
però non mi riesce farli stare in riga... mi vanno uno sopra l'altro!te (che sei profana!! ) come hai risolto?
grazie...
-
Io ho scritto semplicemente così:
[HTML].classechevuoi {float: left; width:98px; margin-left: 17px; margin-bottom: 25px;}[/HTML]
Ovviamente io avevo bisogno di margini precisi, insomma di ricreare una cella quasi come fosse una tabella.
Ma secondo me tu puoi scrivere semplicemente:
[HTML].classechevuoi {float: left; width:150px; }[/HTML]
Cmq forse se posti il codice che hai scritto è meglio. Magari ci provo su una pagina e vediamo che esce fuori.
E poi qualcuno ci viene a correggere!
-
allora ieri sera dovrei aver risolto...
.topA { background-color: Red; border: 1px solid White; margin-left: 25px; width: 100px; width: X; float: left; } <!-- Begin Header --> <div id="header"> <div class="top"> <a href="index.php?action=home" title="Home"><img src="immagini/top.gif" alt="Home"></a> </div><br><br> <div class="topA"> Ciao1 </div> <div class="topA"> Ciao2 </div> <div class="topA"> Ciao3 </div> <div class="topA"> Ciao4 </div> <br><br> <div class="topB">Ciao</div> </div> <!-- End Header -->
unica cosa mi spiegate bene cosa fa il "float: left;"?
grazie
-
ma xchè width X ?
-
è quello che mi ha detto Laburno...
perchè di default vanno in verticale e a me servono per orizzontale.
Però con quello ora sono come dico io...
-
Allora sto zitta se lo dice laburno siamo in una botte di ferro.
E' il mio mito ormai.
-
anche per me... sa tutto + tutto + tutto sui css!
quindi... ecco brava... lecchiamogli il sederecomunque vorrei capire come mai devo mettere windth: X; e float: left;
vorrei capire proprio cosa fanno!
Laburno mi spieghi un pochino per favore...
-
Su float: left allinea l'elemento a sinistra.
Invece il width: x l'ho provato ieri e non l'ho ben capito. Credo faccia si l'elemento si adatti in larghezza a seconda di cosa ci viene messo dentro.
-
Ma quindi dici che basterebbe l'allineamento a sx? Cioè basterebbe il float: left? Ora non sono in grado di provare che sono a lavoro, quando ho tempo provo a casa. Grazie cmq dei tuoi sforzi!
-
Per allineare un elemento a sinistra si, basta il float: left. Però se ti serve di dargli una misura specifica devi per forza usare il width.
-
si ma il width: X proprio non capisco...
width: 150px; per dargli la misura del mio div e poi float: left; per allinearlo. Sto pensando forse che Laburno con quella X abbia voluto dirmi "un valore X" e io invece l'ho interpretato come asse delle ascisse
bisognerebbe chiedere allo stesso Laburno, ma mi sa che abbia archiviato la discussione quando ho scritto RISOLTO.
Bo aspettiamo...
cmq grazie...
-
width è un parametro che prende unicamente un valore numerico e il tipo di misura: pt, px , % , em.
Ti ha messo la x come incognita per non dargli un valore preciso.Per l'uso del float controlla che i genitori contenenti gli elementi con questo attributo abbiano uno di questi requisiti:
- Width ed height con valore determinato
- Siano float anch'essi.
- Abbiano all'interno e a fondo pagina un elemento con attributo "clear:both", solitamente un div vuoto.
edit: ops forse era gia stato scritto + o meno tutto scusate
-
Nono ci hai chiarito meglio le cose!
Tra me e Andre con gli elementi misà che ci leghiamo!
-
karedas hai fatto strabene... hai chiarito la questione, grazie...
ora tolgo quell'inutile width: X; dal mio css!!Vamp io mi lego, ogni tanto mi sciolgo, ma spesso proprio mi annodo!! Sono negato...
...invece ho visto te hai un bel paio di sitarelli...
-
Si ma con il posizionamento degli elementi non vado spedita come vorrei!
-
stiamo andando in OT...
finiamola qua Vamp... tanto ci troviamo in altre discussioni. Buona giornata
-
EDIT: ops.. avevo letto solo la prima pagina e ho usato la risposta rapida.. sorry..