Menù orizzontale

**quecha** · 17-02-2008, 18:41

Ciao a tutt, con il codice

codice:

<ul class="menuNavigazione">
	[*]Prima voce
	[*]Seconda voce
	[*]Terza voce
	[*]Quarta voce
	[*]Quinta voce[/list]

Viene fuori un elenco in verticale, come posso ottenerne uno in orizzontale in maniera simile?
Mi serve orizzontale per poterci lavorare con i css.
Grazie.

**Hobby** · 17-02-2008, 19:14

Prova così

codice:

<ul class="menuNavigazione">
	[*]Prima voce Seconda voce Terza voce Quarta voce Quinta voce
	[/list]

**quecha** · 17-02-2008, 19:25

Originariamente inviato da Hobby
Prova così

codice:

<ul class="menuNavigazione">
	[*]Prima voce Seconda voce Terza voce Quarta voce Quinta voce
	[/list]

Perfetto, grazie!!!

**hcka** · 18-02-2008, 15:33

Originariamente inviato da quecha
Ciao a tutt, con il codice

codice:

<ul class="menuNavigazione">
	[*]Prima voce
	[*]Seconda voce
	[*]Terza voce
	[*]Quarta voce
	[*]Quinta voce[/list]

Viene fuori un elenco in verticale, come posso ottenerne uno in orizzontale in maniera simile?
Mi serve orizzontale per poterci lavorare con i css.
Grazie.

Scusa ma vuoi lavorare con i CSS su una lista e non sai come disporre i list-item affiancati?

Mi sembra un po' una contraddizione...

In ogni caso la soluzione propostati da Hobby non credo che sia quello che volevi. Se è così allora a cosa ti serve la lista??

Cerca! (ti/vi risparmio le bestemmie), anche qui su html.it, sulle guide mi pare, o tutorial, trovi tutto quello che vuoi sui menu orizzontali!

**Hobby** · 18-02-2008, 17:14

http://css.html.it/articoli/leggi/43...o-con-i-css/1/
http://css.html.it/articoli/leggi/37...oad-via-css/1/

**Hobby** · 18-02-2008, 19:11

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu con preload</title>

<style type="text/css">
div#navigation ul{list-style-type: none;margin: 0;padding: 0}

div#navigation li{float: left;margin: 0 3px 0 0;padding:0}

div#navigation a{display: block;width: 120px;line-height: 30px;
    text-decoration: none; border: 1px solid #666;
    background: url("sfondocombinato.jpg") no-repeat top left;color: #333;
    font-variant: small-caps;text-indent: 27px}
	
div#navigation a:hover{background-position: -130px 0;
	color: #336;
} 

div#navigation li#activelink a,div#navigation li#activelink a:hover{
    background-position: -260px 0;
	color: @fff;
}
	

</style>

</head>

<body>

<div id="navigation">
  <ul>
        <li id="activelink">Home[*]Grafica[*]Webdesign[*]Php[*]Css[/list]
</div>

</body>
</html>

Discussione: Menù orizzontale

Strumenti discussione

Ricerca discussione

Visualizza

Menù orizzontale

Re: Menù orizzontale

Permessi di invio