Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    708

    Lista orizzontale partendo dal centro?

    Ciao

    secondo voi è possibile far posizionare una serie di[*] cominciando dal centro?

    Il codice sotto posiziona i[*] partendo da sinistra:

    codice:
    li#{width:8.2%; margin:0 auto; padding:0 3px 0 3px; position:relative; display:inline; float:left;text-align:center;}
    Utilizzando il float non prevede il center!

    Pier

  2. #2
    una volta ho fatto una prova partendo da un esempio trovato in giro

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    708
    si è quello volevo!

    Non riesco a capire qual'è lo stile che lo fa partire dal centro!
    ...faccio altre prove!

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    708
    No! ....ho sbagliato! Non è quello che volevo!

    Volevo far partire dal centro una serie di[*] posizionati ORIZZONTALMENTE!

    Guardando il tuo esempio mi hanno tratto in inganno i link di destra posizionati centralmente.

  5. #5
    spiegati meglio o mostra un esempio
    intanto ho tolto l'esempio sbagliato

  6. #6
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    708
    ...a dire la verità sono talmente bollito che non so nemmeno se si può!

    Cmq ti allego l'effetto!

    link immagine

    In pratica ogni link che si aggiunge deve partire dal centro e non da sinistra.

    ps. scusa ma non riesco a postare direttamente qui l'immagine.

  7. #7
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Eccoti qui:

    codice:
    <html>
    <head>
    <style>
        * {
    	margin: 0;
    	padding: 0;
    }
    
    body {
    	font-family: Helvetica, sans-serif;
    	text-align: center;
    	padding-top: 30px;
    }
    
    
    #outside {
    	height: 84px;
    	background:#f00;
    	margin-bottom: 10px;
    }
    
    .table {
    	display: table;
    	margin: 0 auto;
    }
    
    ul#horizontal-list {
    	min-width: 696px;
    	list-style: none;
    	padding-top: 20px;
    	font-size:15px;
    	}
    	ul#horizontal-list li {
    		display: inline;
    	}
    </style>
    </head>
    <body>
    <div id="outside">
    		<div class="table">
    			<ul id="horizontal-list">
    				[*]list element 10
    				[*]list element 20
    				[*]list element 30
    				[*]list element 40
    			[/list]
    		</div>
    	</div>
    </body>
    </html>
    Per una bella risata vai QUI

  8. #8
    allora l'esempio non era sbagliato, peccato che tu non abbia saputo vederlo
    uno dei miei css migliori, direi a livello del grande Stuart Nicholls
    comunque adesso hai avuto un'altra risposta

  9. #9
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    708
    Grazie ragazzi!

    Funziona!

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.