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

    spaziatura del testo in una barra di navigazione

    Ciao a tutti, devo spaziare il testo in una barra di navigazione orizzontale, con l'attributo word-spacing inevitabilmente mi spazia alla stessa misura anche la frase "chi siamo".
    Come posso fare per fare in modo che tra le parole "chi" e "siamo" ci sia meno spazio rispetto alle altre voci del menu?
    Vittorio

  2. #2
    Puoi assegnare classi diverse e personalizzate per ogni marcatore del testo.
    Non si capisce come è costruita la tua barra... prova a fare un riassunto del codice incriminato..
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    Allora, la barra di navigazione è composta ad esempio dalle voci: home, attività, chi siamo, contatti ecc. Io ho assegnato la classe .navbar al tag

    perchè ho trasformato una semplice riga di testo in una barra di navigazione, pare che funziona bene ma voglio spaziare le parole in modo che ci sia meno distanza tra "chi siamo" rispetto al resto perchè chiaramente sono un unica frase, ma usando word-spacing me le spazia tutte in ugual misura, come posso fare?
    La sintassi che ho usato è la seguente:
    .navbar {
    font-size: 12px;
    color: #FFFFFF;
    font-family: Verdana, Arial, sans-serif;
    background-color: #312817;
    padding: 1px;
    width: 100%;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    text-align: left;
    word-spacing: 15px;
    white-space: 2;
    margin-left: 15px;
    }

    a.navlink:link {
    font-weight: bold;
    color: #FFFFFF;
    font-family: Verdana, Arial, sans-serif;
    text-decoration: none;
    }
    a.navlink:visited {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    }
    a.navlink:hover {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: underline;

    }
    Fatemi sapere....
    Vittorio

  4. #4
    Premesso che il metodo che hai scelto è sbagliato (in quanto una lista di link deve essere rappresentato coi tag per liste UL LI etc...) puoi risolvere "la grafica" col tag Span.
    Una cosa del genere:
    - elimini il word-spacing dal tag P
    - ogni voce del menu la metti dentro lo Span
    - crei una classe per il word-spacing
    - agli span che vuoi spaziare assegni quella classe
    - agli altri no

    Esempio
    codice:
    CSS
    .spaziamolo {word-spacing:20px;}
    
    
    
    
    
      chi siamo</span>
      <a href=.....>non_lo_spaziamo</a>
    </p>
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

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.