18073 sujets

Questions générales et questions de débutants

[Résolu]2 listes sur la même page avec styles différents

Bonjour tout le monde,
J'ai une page où je voudrais mettre 2 listes avec des styles différents sans passer par un tableau.
Icihttp://ppzx.net/tablefr.php

La première est un menu TB expliqué sur Alsacréations.
La deuxième «est» une liste sur 2 colonnes...

J'y arrive pas, mais pas du tout !!!
Pouvez-vous m'aider ?

La feuille de style est http://ppzx.net/histoire.css
Amitiés, pierreandre
Modifié par pierreandre (21 Feb 2005 - 08:08)
[Edit] Pardon je me suis ramassé, j'ai lu trop vite

Il faut que tu définisse tes CSS en fonction d'un ID de liste.

<ul id="liste1">....

Puis

ul#liste1{}

ul#liste2{}

voili voilou
[/Edit]
Modifié par Julien L (21 Feb 2005 - 08:56)
Pas mieux !
Si tes listes sont dans 2 calques différents calque1 et calque 2

#calque1 ul{
definition de la liste}
#calque2 ul{
definition de la liste}

et tu appeles ta liste normalement

<div id="calque1">
<ul>
<li></li>
</ul>
</div>


SI elles sont dans le même calque tu peux utiliser la méthode ci dessus.
D'abord vous remercier de vos aides qui me font paraître plutôt «petit» !

Malgré vos aides, je n'arrive pas à mettre le doigt sur mon(mes erreurs).

Amitiés, pierreandre Smiley decu
Modifié par pierreandre (23 Feb 2005 - 03:22)
Bonjour à vous tous,

Je ne comprends et surtout je n'arrive pas à donner des styles différents à deux sortes de liste sur la même page !

Amitiés, pierreandre Smiley smile
Modifié par pierreandre (23 Feb 2005 - 03:21)
voici une solution que je retiens.

voir le résultat à : http://ppzx.net/tablefr.php
Le code CSS est : 
table
{
width: 50%;
}

td
{
width: 50%;
}

.none
 {
 border-style: none
 }
 
.liste1
  	{
  	background-color                : #F5E9CF;
  	top								: 210px;
    width							: 240px;  
    position						: absolute;
    font				            : 9pt/16pt georgia; 
	margin-top			  			: 0px; 
	left							: 170px;
    text-align               		: left;
    }
  
 .liste2 
    {
    background-color                : #F5E9CF;
    position						: absolute;
    top								: 210px;
    font				            : 9pt/16pt georgia; 
	margin-top			  			: 0px; 
	left							: 420px;
    width							: 240px;  
    text-align               		: left;
    }

Amitiés et merci à ceux qui m'ont aidé... et aux autres. pierreandre
Sujet clos
Aller à