Visualizzazione risultati 1 fino 3 di 3

Discussione: Menu sulla sinistra

  1. #1
    Guest

    Predefinito Menu sulla sinistra

    Salve!

    Vorrei fare un elenco sulla sinistra del mio sito, possibilimente in html.
    Avevo pensato ad un frame dello stesso colore dello sfondo della pagina, ma c'è un qualche modo per far iniziare il frame non dall'alto della pagina ma da un determinato punto?
    Altrimenti...Soluzioni alternativa che non siano la spartana tabella?

    Grazie,

    Lucas

  2. #2
    Guest

    Predefinito

    Il CSS, sicuramente meglio.

    Al posto del <table> utilizzi i <div>

    Praticamente crei due <div> e metti questo codice tra i tag <body></body> della pagina:
    Codice:
    <body>
    <div id="menu">
    Qui metti tutto il tuo elenco
    </div>
    
    <div id="contenuto">
    Qui metti tutto il contenuto della pagina
    </div>
    </body>

    Poi nel <head> della pagina metti il CSS, ovvero lo stile che hai dato ai due <div> di prima:

    Codice:
    <style type="text/css">
    
    #menu {
    margin-top:50px;
    width:200px;
    border:2px solid gray;
    }
    
    #contenuto {
    float:left;
    width:600px;
    border:2px solid gray;
    }
    
    </style>
    Ovviamente poi ti modifichi tu il CSS, aggiungendo il background, il colore del testo, il margin ed il padding, ecc...

    (Se vuoi far scendere ancora più giù il "menù", devi aumentare il valore numerico del margin-top.)

    E praticamente avrai questo:


    Tutto il codice HTML che ho utilizzato è questo (che sarebbe quello che ti ho scritto sopra, però te l'ho raggruppato bene):
    Codice:
    <html>
    <head>
    <title>Titolo della pagina</title>
    
    <style type="text/css">
    
    #menu {
    float:left;
    margin-top:50px;
    width:200px;
    border:2px solid gray;
    }
    
    #contenuto {
    float:left;
    width:600px;
    border:2px solid gray;
    margin:10px;
    }
    
    </style>
    
    </head>
    
    <body>
    
    <div id="menu">
    <h1>Menu</h1>
    Qui metti tutto il tuo elenco, bla bla.
    Qui metti tutto il tuo elenco, bla bla.
    Qui metti tutto il tuo elenco, bla bla.
    </div>
    
    <div id="contenuto">
    <h1>Contenuto</h1>
    <pre>La stanca estate china il capo
    specchia nell' acqua il suo biondo volto.
    Erro stanco e impolverato
    nell' ombra del viale.
    
    Tra i pioppi soffia una leggera
    brezza. Il cielo alle mie spalle e' rosso
    di fronte l' ansia della sera
    - e il tramonto - e la morte.
    
    E vado stanco e impolverato
    e dietro a me resta esitante
    la giovinezza, china il capo
    e non vuole più seguire la strada con me.
    
    Herman Hesse</pre>
    </div>
    
    </body>
    </html>

  3. #3
    Guest

    Predefinito

    Grazie moltissimo! :-)

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •