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

    allineare una lista all'interno di un div (xhtml)

    Salve ho i due div logo e menu affiancati con float
    dentro menu ci sta una lista ul come faccio ad allinearla
    a destra?? grazie
    codice:
    #logo{
    	height: 55px;
    	width: 162px;
    	float: left;
    	margin: 0 0 0 0;
    	padding: 0 0 0 0;
    }
    
    #menu{
    	height: 54px;
    	width: 618px;
    	float: left;
    	margin: 0 0 0 0;
    	padding: 0 0 0 0;
    } 
    #menu ul{
    	margin: 0 0 0 0;
    	padding: 0 0 0 0;
    	list-style-type: none;
    }

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: allineare una lista all'interno di un div (xhtml)

    #menu{
    height: 54px;
    width: 618px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align:right;
    }

    prova così.

    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    così non funge per via dei float sui tag li, comunque ho gia risolto.

    grazie

  4. #4
    Quando si risolve un problema sarebbe bello documentarlo in modo che chi poi fa una ricerca trovi anche la risposta e non solo la domanda!
    Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan

  5. #5
    Hai ragione....

    ho risolto così:

    codice:
    #logo{ /// 1° div affiancato
    	height: 55px;
    	width: 162px;
    	float: left;
    	margin: 0 0 0 0;
    	padding: 0 0 0 0;
    	text-align: left;
    }
    #menu{/// 2° div affiancato
    	height: 54px;
    	width: 618px;
    	float: left;
    	margin: 0 0 0 0;
    	padding: 0 0 0 0;
    	border-bottom: 5px solid #eee;
    	voice-family: "\"}\""; 
    	voice-family:inherit;
    	height: 49px;
    }html>body #menu{height: 49px;}
    
    #menu ul{
    	text-align: right; //allineo tutto a destra
    	margin: 0 0 0 0;
    	padding: 0 0 0 0;
    	list-style: none;
    }
    #menu li{
    	display: inline;  /* metto in orizzontale la lista*/
    	margin: 0 0 0 0;  /* prima utilizzavo float:left*/
    	padding: 0 0 0 0; /* ma propio per questo ul non*/
    }                         /* non veniva allineato a destra*/
                             /* e poi float con Opera non funge*/
                              /* come con gli altri browser*/
    
    #menu ul a{
    	text-decoration: none;
    	margin: 0 2px 0 0;
    	padding: 0 8px;
    	height: 16px;
    	line-height: 16px;
    	border: 1px solid #f60;
    }
    in questo modo ottengo una lista orizzontale allineata a destra visibile allo stesso modo su:
    IE6 Win, IE5.5 Win, IE5 Win, Opera7, Opera6, Mozilla, Thunderbird, Firefox, Netscape6/7.

    chi volesse dare un'occhiata: è qui
    mi interesserebbe sapere come si vede con IE Mac o Safari o Konqueror..

    grazie

  6. #6
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    mi interesserebbe sapere come si vede con IE Mac o Safari o Konqueror..
    Con Safari:
    http://www.danvine.com/icapture/detail/64015.html

  7. #7
    mi sposta il form a destra dell'imaggine!

    grazie mille

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.