Visualizzazione dei risultati da 1 a 4 su 4

Discussione: menu' orizzontale

  1. #1

    menu' orizzontale

    ciao,
    ho creato un menù verticale con questo CSS:

    p.level1 {
    position:relative;
    top:+5px;
    font-family:Times,Coorier;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight:normal;
    }

    che fà esattamente quello che voglo posizionando ogni singola voce a distanza verticale di 5 pixel l'una dall'altra.
    Vorrei fare la stessa cosa per un menù verticale distanziando le singole voci di una quantità diciamo di 50 pixel e,per farlo,ho provato un CSS del genere:

    span.botton {
    position:relative;
    riigh:+50px;
    font-family:Times,Coorier;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight:normal;
    }

    perchè non funziona? è come se non ha alcun effetto.
    Ciao e grazie

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    fermo restando che un menu va realizzato a liste di link (<ul>[*]<a>...) devi postare un link alla pagina in questione o almeno l'html del menu stesso


    a meno che il problema non sia qui:
    riigh:+50px;

    forse volevi scrivere
    right: 50px;
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Ho messo on-line all'indirizzo www.jusipom.it/prova un banale esempio di quello che vorre ottenere (è chiaro che non si tratta di un menù ma di semplici scritte).Se visualizzi l'html,ti accorgi che le tre triplette di "a",secondo il foglio di stile "head",almeno nelle mie intenzioni,dovrebbero apparire a distanza di 50px l'una dall'altra.
    Prechè non è così? dove sbaglio?
    Ciao e grazie

  4. #4
    gli span sono detti elementi inline e di conseguenza seguono il flusso regolare del documento,
    se vuoi dargli una dimensione o posizione devi renderli elementi di blocco come i p e i div
    a questo punto magari è meglio usare elementi già di blocco come i p e il tuo codice potrebbe essere qualcosa del genere

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
     <head>
      <title>Untitled</title>
      <style type="text/css">
       .head {
        position: absolute;
        top: 50px;
        left: 50px;
        width: 500px;
        height: 300px;
        color: #0000FF;
        background-color: #FF0000;
    }
       .head p {
        margin: 0;
        padding: 0;
        float: left;
        margin-right: 50px;
        background-color: #00FF00;
    }
      </style>
     </head>
     <body>
      <div class="head">
       
    
    aaa</p>
       
    
    aaa</p>
       
    
    aaa</p>
      </div>
       
    
    aaa</p>
       
    
    aaa</p>
     </body>
    </html>

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 © 2026 vBulletin Solutions, Inc. All rights reserved.