Il y a actuellement 137 visiteurs
Mercredi 21 Octobre 2020
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
Image
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.
Le savoir m'a appris que je ne savais rien
Le MIEUX est l'ennemi du BIEN.
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 ?
Le savoir m'a appris que je ne savais rien
Le MIEUX est l'ennemi du BIEN.
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:
Image
Avatar de l'utilisateur
Spike Spiegel
Expert(e)
Expert(e)
 
Messages: 864
Inscription: 01 Juin 2003 09:49
Localisation: paname (banlieue...)
 



Sujets similaires

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

Message édition liste de lecture wpl
Bonjour,Je n'arrive pas à trouver sur internet les différentes syntaxes utilisables pour éditer une liste de lecture wpl.Voilà une liste de lecture wpl ouverte avec blocnotes :Code: Tout sélectionner<?wpl version="1.0"?><smil>    <head>        ...
Réponses: 3

Message Liste de programme a desinstaller
Bonjour, déjà pour commencer je sais que mon titre fait assez bizarre mais je sais pas comment appeler autrement. J'ai vraiment besoin de votre aide pour ne pas a avoir a remettre a zéro mon pc. Je suis sous Windows 8.1, un jour j'ai eu une connerie de soit disant mise a jour d'adobe ou je sais plus ...
Réponses: 2


Qui est en ligne

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


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