Metodo migliore per fare menù

**andrew low** · 22-03-2009, 20:56

Sotto tutti i punti di vista (SEO, pulizia codice, validazione, semantica, ecc...) è meglio avere un'unica immagine-menù mappata o le 3 immagine da cui è composto, ma riposizionate difficilmente con i css? Per intenderci, mmetto l'img in allegato come img unica mappata o metto i 3 post-it e li posiziono con i css?

**Gufo** · 22-03-2009, 22:51

Originariamente inviato da andrew low
Sotto tutti i punti di vista (SEO, pulizia codice, validazione, semantica, ecc...) è meglio avere un'unica immagine-menù mappata o le 3 immagine da cui è composto, ma riposizionate difficilmente con i css? Per intenderci, mmetto l'img in allegato come img unica mappata o metto i 3 post-it e li posiziono con i css?

Un bella lista formattata con css non ha ne confronti ne rivali

**andrew low** · 22-03-2009, 23:37

Ah, scusate, ho dimenticato l'immagine in allegato. Anche in questo caso che sono orizzontali?

P.S:alla fine ho deciso di separarli perchè gli applico un drag-drop, però mi interessa lo stesso la storia della lista.

**Gufo** · 23-03-2009, 00:21

Originariamente inviato da andrew low
...però mi interessa lo stesso la storia della lista.

Più o meno così?

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>Documento senza titolo</title>
<style type="text/css">
<!--
#menu {
	height: 226px;
	width: 69px;
	border: 2px groove #000000;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.spazio {
	margin: 0 0 5px 0;
}

-->
</style>
</head>

<body>

<div id="menu">

<ul>
	<li class="spazio">
    	<a href="#" target="_self">
    		[img]img.jpg[/img]
        </a>
     
     <li class="spazio">
    	<a href="#" target="_self">
    		[img]img.jpg[/img]
        </a>
     [*]
    	<a href="#" target="_self">
    		[img]img.jpg[/img]
        </a>
     [/list]

</div>

</body>
</html>

**andrew low** · 23-03-2009, 15:04

Ok, grazie 1000! Ed è possibile mettere una lista in orizzontale?

**Gufo** · 23-03-2009, 15:06

Originariamente inviato da andrew low
Ok, grazie 1000! Ed è possibile mettere una lista in orizzontale?

SI!

**andrew low** · 23-03-2009, 18:16

Come?

Discussione: Metodo migliore per fare menù

Strumenti discussione

Ricerca discussione

Visualizza

Metodo migliore per fare menù

Re: Metodo migliore per fare menù

Permessi di invio