Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    evitare il testo a capo

    Salve, ho questo codice CSS:

    codice:
    ul.tabnav {
    	width: 720px;
    	overflow:hidden;
    	list-style: none;
    	margin: 0;
    	padding-left:90px;
    	padding-right:90px;
    	background-color:#A8A9AC;
    }
    ul.tabnav li {
    	float: left;
    	margin: 0 0 0 0;
    	padding: 0
    }
    ul.tabnav a {
    	float: left;
    	padding: 0 0 0 0;
    	text-decoration: none;
    }
    ul.tabnav span {
    	display:block;
    	height:22px;
    	line-height:22px;
    	color:#FFFFFF;
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    	font-size: 8px;
    	letter-spacing:2px;
    	text-align:center;
    }
    che poi applico a questa porzione di codice:

    codice:
        <div id="tabcont1" class="tabpanel">
          <ul id="tabcont1-nav" class="tabnav">[*]<span>SERVIZI FINANZIARI</span>[img]images/lineamenu.gif[/img][*]<span>ELICA SERVICES</span>[img]images/lineamenu.gif[/img][*]<span>COURTESY YACHT</span>[/list]
        </div>
    il problema è che nei link, composti da due parole, il testo va a capo dopo la prima parola e la larghezza è quella della parola con più lettere. Io vorrei invece che il link rimanga su una sola riga, adattando la larghezza in automatico.
    Non riesco proprio a capire come fare.
    www.blogotom.com
    Tecnologia mobile evoluta. News e risorse per cellulari e dispositivi multimediali.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Piccolo trucchetto:
    Se non vuoi che uno spazio faccia andare a capo ...
    usa al posto dello spazio l'entita` non-breaking-space (initaliano spazio unificatore) messa a disposizione dall'HTML










    &amp;nbsp;
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Grazie per il suggerimento. In attesa della risposta ho comunque risolto rinunciando alla lista e formattando direttamente il tag <a>.
    Ciao.
    www.blogotom.com
    Tecnologia mobile evoluta. News e risorse per cellulari e dispositivi multimediali.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.