- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Chiarimento sull'uso di display in questo codice
-
Chiarimento sull'uso di display in questo codice
Buon pomeriggio...
Ho trovato in una guida questa pagina: (la scrivo così perchè non posso ancora incollare i link) doppiavdoppiavdoppiav.agwebsolutions.it/script/menupulsanti.accatmNon capisco nel codice perchè ci siano i vari display:block...
Ho infatti provato a toglierli e non cambia niente..
Qualcuno potrebbe illuminarmi?
-
Ciao Playbasfa
Il link inteso come "<a href='url'>link 1</a>" è un oggetto inline.
Tramite l'opzione "display=block" ad esso possono essere date misure come larghezza altezza fissa indipendentemente dalla grandezza del font-size.Non cambia niente perchè vi è anche l'opzione "float:left;" che rimuove il link dal normale flusso del documento il che è diciamo quasi la stessa cosa
Ciao!
-
Perfetto sei stato chiarissimo ti ringrazio... una cosa pero' non mi è chiara: non avrebbe potuto lasciare tutto per com'era? Nel senso, visto che <a.... sono elementi inline se non avesse messo display e float si sarebbero andati ugualmente a schierare accanto no?
Quindi il suo codice è sovrabbondante no? O ci sono dei motivi per cui è più giusto fare così?
-
Quando viene dato l'attributo display:block al link, il link stesso viene trattato come un div. Se non mettesse il float starebbero in verticale.
-
@zanshi said:
Quando viene dato l'attributo display:block al link, il link stesso viene trattato come un div. Se non mettesse il float starebbero in verticale.
Questo è ovvio! E non c'entra niente con la mia domanda.. la mia domanda era perchè ha aggiunto questo codice inutile (forse??) quando essendo gli <a... attributi inline si dispongono già uno accanto all'altro..
-
Non vedi nessun cambiamento perché le misure sono quelle minime. Se te aumenti le misure che vengono dati ai link il display:block serve per rispettarle e tenere tutta quell'area sensibile; e il float come ti dicevo prima serve a metterli in linea
-
@zanshi said:
Non vedi nessun cambiamento perché le misure sono quelle minime. Se te aumenti le misure che vengono dati ai link il display:block serve per rispettarle e tenere tutta quell'area sensibile; e il float come ti dicevo prima serve a metterli in linea
Bu
Ma perchè non leggi le domande?? Cosa c'entrano queste frasi con la mia domanda? bu..
-
No il codice inserito diciamo che è corretto perchè ponendo i links con valore "display:block;" può dargli un'altezza come infatti ha fatto inserendo "height:2em".
Trasformandolo in blocco il link può diventare un'oggetto gestibile cosa che altrimenti non farebbe.
La differenza è che mettendo "display:block;" e basta questi andrebbero a capo come una lista, aggiungendo però "float:left;" ha fatto in modo che le voci si affiancassero con un'altezza ciascuna di 2em.
Teoricamente si, poteva utilizzare anche solo il "float:left"; però se non erro c'era qualche problematica con browser obsoleti come il vecchio internet explorer 6.
Ah, perfavore mantenete i toni
-
@karedas said:
Teoricamente si, poteva utilizzare anche solo il "float:left"; però se non erro c'era qualche problematica con browser obsoleti come il vecchio internet explorer 6.
Ti ringrazio..
Si scusa forse mi sono un pò alterato perchè mi sentivo preso in giro, dopo che per due volte di seguito mi venivano "date risposte" non inerenti alla mia domanda.. Come se scrivesse tanto per...