sto realizzando un menu a tab grafiche.
trattandosi di una lunga lista di definizione con voci molto corte, ho optato per una lista orizzontale su più righe, applicando display:none ai <dd>:
Fin qui tutto ok, ma se modifico le dimensioni della finestra, i link di più parole vengono spezzati poiché certe parole vanno a capo a causa del ridimensionamento, creando lo sgradevole effetto nello screenshot allegato.Codice PHP:dl#elencoschede dd {
margin:1em 1em 1em 0;
line-height:2em;
background-color: #ddd;
border:1px solid #aaa;
padding:0.2em;
display:inline;
}
questa cosa è risolvibile in qualche modo (lato client o lato server), o non lo è proprio?
avrei bisogno che le singole tab andassero a capo nella loro interezza, senza venire spezzate a causa degli spazi interni al link.
mi scuso fin d'ora se questa è una domanda ricorrente nel forum, ho provato a fare una ricerca ma non ho trovato nulla (d'altronde in questi casi non è facile trovare le giuste keywords)... grazie
Rispondi quotando