Newsgroup: it.comp.macintosh
Titolo: Re: [OT] Quesito CSS

 *nei* *bordi* i blocchi dei singoli <li>?
Io però non capisco perchè vuoi fare "float" i singoli li. 
Comunque tieni presente che "un elemento flottante si estenderà per
contenere qualsiasi figlio flottante". Questo però se il genitore non è
flottante non accade.
Un elemento flottante non "ridimensiona" un genitore non flottante per
essere contenuto. Sporge e basta.
Tornando a noi... sicuro di avere bisogno di fare i <li> inline? In
secondo luogo puoi risolvere dando una height minima a ul, a quel punto
"conterrà" di certo i <li>, in quanto sarà più piccolo di certo.
Questo ammesso che non ritieni che qualcuno possa cambiare
eccessivamente i font dei li e simili. Oppure riempi con un segnaposto
"non visibile" (ma non nel senso CSS).
Io uso spesso la min-height.
-- 
L'idiozia trascende il mezzo con cui viene espressa.

 coordinate uno per uno, magari settando una width percentuale.
io ho risolto lo stesso problema con un approccio differente (che funziona
su tutti i browser, IE compreso):
il contenitore non è un ul ma una div speciale (es. div class="map") con
display: block; e caratteristiche geometriche definite (nel mio esempio la
barra di navigazione è orizzontale e in posizione bloccata, se tu la vuoi
libera ovviamente elimina le parti che non interessano)
div.map {
  display: block;
  position: absolute;
  width: 100%;
  height: 60px;
  top: 0px; right: 0px; bottom: auto; left: 0px;
  padding: 7px;
  margin-bottom: 10px;
  background: #993333 bottom right no-repeat;
  border: none; }
dopo di che ho fissato le caratteristiche delle singole voci di menu figlie
della div di navigazione:
div.map a, div.map span {
  font-size: 12px;
  text-decoration: none;
  left: 60px;
  top: -20px;
  position: relative;
  width: 120px;
  margin: 5px;
  padding: 3px;
  text-align: left;
  background: #CC3333;
  color: white;
   }
(ripetendole anche per le varie varianti di hover, focus, link ecc.)
l'html risultante e`del tipo
< div class="map">
< a href="pagina1"> Pagina 1 </a>
< a href="pagina2"> Pagina 2 </a>
< span > Testo senza link </span>
< /div >
se vuoi vedere il risultato posso darti il link del sito
saludos
germano il gatto grigio
--------------------------------
Inviato via 
http://arianna.libero.it/usenet/

 posizionamento, ed <ul> per i bordi (e chissene che sporge dal div).
Certo. Ci sono regole ben precise (lunghe ma ovvie) per il
posizionamento dei float e sostanzialmente se non usi margini negativi
il posizionamento è "mai più a sinistra o più in alto del contenitore".
Quindi direi che va bene come fai.


 Orizzontale o verticale? il punto e` proprio quello...
con le css che ti ho indicato, io l'ho resa in orizzontale, vedi:
www.swimforlife-italia.org/manifestazione.html
ma secondo me è possibile renderla anche in verticale, solo modificando le
css e senza dover toccare l'html
un modo può consistere nel definire i contenitori div.map>a e div.map>span
come display: block; e poi, giocando sul fatto che il posizionamento è già
definito come relativo e definendo in modo opportuno ma unico i margini,
fare in modo che ogni a / span venga reso immediatamente al di sotto di
quello precedente


 funziona ma Firefox lo vede come block (IE non capisce proprio niente).
Io eviterei di usare float per una lista, se non nell'elemento padre per
posizionarlo sulla pagina. Un semplice display:inline per me ti risolve
il problema.
Comunque qui trovi di tutto e di piů sulle liste:
http://css.maxdesign.com.au/
HTH,
  ngw

 purtroppo con il display:inline la width viene ignorata...
Mettendo il padding?

 flottante non accade.
esatto. ul e li impostati con float.
c'e' anche un po' da smanettare con il padding e il list-style-image a
seconda del browser
-- 
Le aquile non volano a stormi

)


 dimensioni in base al contenuto, non con larghezza fissata.
Il width dovrebbe prenderlo <ul>, immagino tu abbia provato su quello.
Altrimenti lo usi in un <div> attorno alla lista.
  ngw