Il y a actuellement 131 visiteurs
Mardi 19 Mars 2024
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

CSS et liste ordonnée

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

CSS et liste ordonnée

Message le 05 Aoû 2006 12:17

Bonjour!

Je m'exerce un peu sur la conception d'un site et j'ai un petit souci. J'ai un menu type CSS que j'ai fait comme ceci:
Code: Tout sélectionner
ul {
width:800px;
height:40px;
position:absolute;
left:50%;
margin-left: -360px;
margin-top: 10px;
}

.menu li {
list-style-type: square;
float: left;
}

.menu a{
margin: 0 1px;
width: 100px;
height: 20px;
display: block;
text-align: center;
border: 1px dashed black;
text-decoration: none;
color: #000;
background: #fff;
}

.menu a:hover {
background: cyan;
border: 1px solid black;
}

.menu a:active {
background: blue;
border: 1px solid black;
color: #fff;
}


Ca me fait un menu vraiment sympa mais le problème est que je n'arrive plus à faire de liste avec des puces ou des numéros. Si je souhaite par exemple faire un liste avec des petits carrés, la liste apparaitra mais sans les carrés...

Apparement ce code CSS désactive les puces et ordonne au navigateur d'afficher une liste sans carré, sans rond et ce quoi qu'il arrive!

Mais alors comment contourner le problème? :roll:

Je m'en remets à vous les amis!

Spikou
Avatar de l'utilisateur
Spike Spiegel
Expert(e)
Expert(e)
 
Messages: 864
Inscription: 01 Juin 2003 09:49
Localisation: paname (banlieue...)
 


Message le 06 Aoû 2006 12:56

Bonjour,

Je vois que tu as nommé ton menu "menu". Au lieu de mettre un point et de le mettre en "class" dans la page, essaies une fois en mettant un dièse # et en "id" dans la page. Puisque ce n'est seulement qu'un menu.
Essaies également de mettre l'ID à la balise "UL" et non pas aux balises "LI".
De cette manière :
Code: Tout sélectionner
<ul id="menu">
<li><a href="" alt="">Mon lien numéro 1</a></li>
<li><a href="" alt="">Mon lien numéro 1</a></li>
...
</ul>


Puis dans le CSS :
Code: Tout sélectionner
ul#menu {
width:800px;
height:40px;
position:absolute;
left:50%;
margin-left: -360px;
margin-top: 10px;
list-style-type: square;
}

#menu li {
float: left;
}

#menu li a{
margin: 0 1px;
width: 100px;
height: 20px;
display: block;
text-align: center;
border: 1px dashed black;
text-decoration: none;
color: #000;
background: #fff;
}

#menu a:hover {
background: cyan;
border: 1px solid black;
}

#menu a:active {
background: blue;
border: 1px solid black;
color: #fff;
}


Pour le list-style-type je crois qu'il faut le mettre dans le ul, mais pas sûr.
Testes et dis moi ce que tu en penses et si le souci est résolu.
Il va de soi que les autres listes seront sous la forme <ul></ul>, sans l'id menu. De toute manière cela ne fonctionnerait pas puisque l'id veut dire que ce sera une et une seule fois dans la page. Tandis que la classe peut être utilisées plusieurs fois.
Avatar de l'utilisateur
blankoworld
PC-Infopraticien
PC-Infopraticien
 
Messages: 5993
Inscription: 21 Juin 2004 09:41
Localisation: Pala
 

Message le 12 Aoû 2006 16:18

Alors ça donne quoi ? As tu réussi ? Et si oui comment ?
Avatar de l'utilisateur
blankoworld
PC-Infopraticien
PC-Infopraticien
 
Messages: 5993
Inscription: 21 Juin 2004 09:41
Localisation: Pala
 

Message le 12 Aoû 2006 21:25

Désolè j'ai bien lu ta réponse mais depuis j'ai eu d'autres problèmes à régler et j'ai oublié celui-ci :P

Demain je pense m'y remettre et je te tiens au courant !

merci en tout cas pour le suivi :wink:
Avatar de l'utilisateur
Spike Spiegel
Expert(e)
Expert(e)
 
Messages: 864
Inscription: 01 Juin 2003 09:49
Localisation: paname (banlieue...)
 



Sujets similaires

Message Modifier une liste de Publipostage
Bonjour, je souhaite savoir comment modifier une liste de publipostage sous Word. J'ai cherché sur internet, mais les sites se copient les uns sur les autres sans répondre à la question. J'ai fait une erreur et j'aimerais modifier la manière dont j'ai écrit les civilités.Merci.
Réponses: 0

Message Formule EXCEL Sumif + liste déroulante + plusieures pages
Bonjour à tous.Je ne suis pas certain d'être sur la bonne partie du forum, mais c'est ce qui m'a semblé le plus adéquat ^^"Alors, je vous explique ce dont j'ai besoin.Pour faire la compta de mon asso, j'ai un Excel sur 13 pages. 1 par mois +1 qui me ressort sur un tableau les recettes, dépenses ...
Réponses: 0

Message Comment mettre une liste d’accès sur un routeur
Bonjour ,j'aimerai permettre seulement mes appareils à se connecter à mon réseau . J'ai un routeur domestique . Est-ce que quelqu'un peut m'aider?Merci d'avance !
Réponses: 2

Message HELP !- Outlook 2016 . Liste de destinataires
Bonjour, je suis un peu désespérée car je ne trouve nulle part réponse à ma question.... quelqu'un aurait-il la clé du mystèèèreuuuu.... Serait-ce une colle ? à savoir:Je travaille sur outlook 2016. J'ai reçu un mail dirigé à un ensemble de destinataires. J'aimerais copier cette liste "extern ...
Réponses: 5

Message pas de liste de réseaux
Bonjour,je vient d'acheter un nouveau pc tout marche super bien sauf que je vient d'apprende que il avait des travaux sur ma ligne réseaux.Orange ma conseiller de mettre ma 4G de mon téléphone sur mon pc mais le problème ses que ma liste ou il a les réseaux je retrouve que ma connection parmi la lis ...
Réponses: 1

Message contrôle parental à liste blanche
Bonjour à tous,J'ai testé des quantités de filtres parentaux, et pour l'instant, le meilleur que je trouve, c'est K9.Il est en arrière-fond de tous les navigateurs (sauf TOR), il se met à jour continuellement sans aucune intervention de l'utilisateur, il est édité par Blue Coat, une société professi ...
Réponses: 2


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 3 invités


.: Nous contacter :: Flux RSS :: Données personnelles :.