Efecto zebra con CSS

Muchas gracias lo he podido arreglar.

Un saludo

Yo te lo he hecho así añadiendo el elemento inicial dentro del LI con un H3, dime si te sirve de esta manera.
<code>
&lt;body&gt;
&lt;style&gt;
* {margin:0px; padding:0px;}
ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
li {width:100%; clear:both;}
.par {background-color:#333333; height:1%; overflow:hidden;}
.impar {background-color:#CCCCCC; height:1%; overflow:hidden;}
li h3 {height:20px; width:50%; float:left;}
li p {height:20px; width:50%; float:right;}
&lt;/style&gt;
&lt;ul&gt;
&lt;li&gt;&lt;h3&gt;Mallorca&lt;/h3&gt; &lt;p&gt;Prueba&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;h3&gt;Mallorca&lt;/h3&gt; &lt;p&gt;Prueba&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/body&gt;</code>

Lo primero darte las gracias, se que la forma más idonea y menos compleja seria hacerlo con tablas pero ya es un tema de cabezoneria.
A ver, el problema es tabular los datos ya que no hay manera de que me encajen con los li.

&lt;ul&gt;
&lt;li&gt;Mallorca &lt;p&gt;Prueba&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;Mallorca &lt;p&gt;Prueba&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

La idea es que mallorca este a la izquierda y prueba a la derecha.

He probado con float y con distintos display pero no hay manera.

Gracias

Si quieres hacer una lista con estilo tipo zebra, la forma que estás utilizando es la correcta, es decir, poner estilos diferentes para las celdas pares o impares.

Ahora un consejo, en el ejemplo que mandas lo que tienes dentro de esa lista son datos que necesitan de una tabulación.

Muchas veces acostumbrados a los DIV y a los LI, nos olvidamos que los TABLE también tienen una funcion en XHTML y esta es la de tabular datos. Yo te recomendaría pasar estas listas a TABLE con lo que podrás maquetar esos datos y darles estilos de una manera más sencilla.

Si te decides por esta opción te adjunto un post que te ayudará a maquetar tablas con estilo de ZEBRA: http://xyberneticos.com/index.php/2007/08/27/disenando-tablas-agradables-para-tu-web/

También te recomiendo si usas tablas que utilices los elementos
- SUMARY para describir el contenido de la tabla
- CAPTION como cabecera de la tabla.

No sé si te he ayudado o te he liado más.