Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484

    Problemi di posizionamento

    Vorrei creare una testata con un titolo su più righe
    e un menu oizzontale. Questo il CSS:
    codice:
    /*stili per il layout fluido*/
    html{margin:0; padding:0;}
    html{background-color:#1E247C;}
    body{padding:1em; font-family:verdana,tahoma,arial,sans-serif; font-size:76%;}
    div#container{position:relative; background-color:white; color:#1E247C;}
    
    /*stili generici, su header e footer*/
    div#header{height:120px; padding:10px 0; background-color:white; color:#1E247C;}
    h1,h2,h3{margin:0; padding:0;}
    h1{padding-left:10px;font:bold 2.3em/80px verdana,tahoma,arial,sans-serif;}
    h2{color:#69f; font-size:1.5em;}
    h3{text-align:center;}
    img#logoleft{float:left; text-align:left;}
    img#logoright{float:right; text-align:right;}
    
    /*stili specifici per il layout*/
    div#leftmenu{position:absolute; top:200px; left:20px; width:140px;\width:150px;w\idth:140px; padding:1em 0 0 10px;}
    div#rightmenu{position:absolute; top:200px; right:20px; width:140px;\width:150px;w\idth:140px; padding:1em 0 0 10px;}
    div#content{clear:both; margin:0 180px; padding:1em 10px; background-color:#F0F0F0; border-right:double #1E247C; border-left:double #1E247C;}
    div#footer{text-align:center; padding:5px 0; background-color:white; color: #000; border-top:double #1E247C;}
    
    /*stili per la sezione navbar*/
    div#navbarwrapper {width:96%; height:40px; margin:0 auto; position:relative; bottom:0; background-color:#1E247C;}
    div#navbar ul{list-style:none; margin-top:15px; text-align:center;}
    div#navbar ul{list-style:none; margin:0; padding:10px; text-align:center;}
    div#navbar li{display:inline; margin:3px;}
    div#navbar a{background:white; color:#1E247C; margin:0; padding:4px;
    text-decoration:none;}
    div#navbar a:hover{background:#A4A4A4; color:black; text-decoration:underline;}
    div#navbar a#activelink_nb{background:white; color:black; font-weight:bold;}
    E questo lo HTML:
    codice:
    <div id="container">
    <div id="header">
    [img]pics/logo.gif[/img]
    [img]pics/logo.gif[/img]
    <h3>titolo
    
    <h3>titolo
    
    <h3>titolo</h3>
    <div id="navbarwrapper">
    <div id="navbar">
    <ul>[*]Home[*]Chi siamo[*]Contatti[*]News[*]POF[*]Progetti[*]Agenda[*]Segreteria[/list]
    </div>
    </div>
    </div>
    Tuttavia, la barra di navigazione non si posiziona alla base
    della testata, ma più in alto, sovrapponendosi
    all'immagine del logo. Di certo c'è (almeno) un errore...

    Grazie
    M.

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Risolto: era colpa del padding...

    M.

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.