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

    stile ul li non va al top della pagina

    salve sto avendo dei pensierini per un menu che dovrebbe stare al top di una pagina ed invece non ci va ecco il codice:

    codice:
    <style>
    body{
    	margin:0;
    	padding:0;
    }
    #menu{ list-style:none; }
    #menu li{
    	float:left;
    	margin-top:0px;
    	margin-left:10px;
    }
    #menu li a{
    	position:relative;
    	padding: 160px 10px 10px 10px;
    	background-color:#999;
    	color:#000;
    	text-transform:uppercase;
    	text-decoration:none;
    	float:left;
    	z-index:10;
    	text-align:center;
    	font-family:Verdana, Geneva, sans-serif;
    }
    #menu li a:active{ background-color:#000;
    color:#FFF;
    }
    
    </style>
    ...
    <div id="wrap">
    <ul id="menu">[*]home[*]contatti[*]about[/list]
    </div>
    Ecco come vedete ho impostato sia il margine che il padding del body a 0 ma nonostante tutto mi da lo spazio sia top che left.

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    beh ma e questa riga?

    padding: 160px 10px 10px 10px;


    non può essere questa la colpa?

  3. #3
    be in quella riga ho impostato il padding del tag il top left right e bottom perchè dovrebbe essere questo???

  4. #4
    di fatti lo tolto e non si è risolto ce sempre un vuoto di circa 20px dal top

  5. #5
    in dreamweaver nella progettazione si vede bene mentre in Vista dal vivo e sul browser che non va ora sono ancora + confuso.

  6. #6
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    prova a mettere a <ul> il margin e il padding 0

    non tener conto della vista di anteprima di Dreamweaver, quasi mai è corretta

  7. #7
    ecco difati da come ho capito è proprio <ul> il problema che mi da i spazio in top e left

  8. #8
    ok risolto proprio con margin e padding

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.