Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Rechercher dans le sujet :
Forum
» CSS et mise en forme, CSS3
» Bizarrerie css !
Auteur
cmoitili
#
Citer
3 Posts
 Bonjour,

J'ai 2 pages avec le même fichier css mais 2 résultats différents, voir en bas de la page dans la liste à chiffres ! J'aimerais avoir la liste ordonnée sans puce.

http://s356990188.onlinehome.fr/?page_id=426

http://s356990188.onlinehome.fr/?page_id=424

Les règles css s'inverse ! Un problème de descendance ?

Merci pour votre aide
^
kenor
#
Citer
399 Posts
 Disons que si je regarde ton CSS, il y a :

#content #colFull ol li {
	background:none;
	padding-left:0;
}
#content #colFull ul li, #content #colFull ol li  {
	padding:5px 0 5px 25px;
	background:url(images/bullet_list.png) 0 8px no-repeat;
}

et

#content #colLeft ul li, #content #colLeft ol li  {
	padding:5px 0 5px 25px;
	background:url(images/bullet_list.png) 0 8px no-repeat;
}
#content #colLeft ol li {
	background:none;
	padding-left:0;
}


du coup ... c'est assez logique.
Modifié par kenor (19 Feb 2012 - 17:51)
^
cmoitili
#
Citer
3 Posts
 Heu c'est quoi qui est logique .....?
Pourquoi les 2 sont inversés alors que c"est la même hiérarchie HTML et css sur les 2 pages à part le nom du Div colonne !
Modifié par cmoitili (19 Feb 2012 - 20:28)
^
Gili
#
Citer
432 Posts
 Salut,

kenor a écrit :
du coup ... c'est assez logique.
Très pédagogique comme façon de faire...

Je comprend pas trop ta question vu que tu dis vouloir avoir une liste sans puce mais nul part je ne vois list-style-type: none. Mais bon pour avoir un résultat identique sur la même page tu peux supprimer à ta ligne 389 cette déclaration : 
#content #colLeft ol li {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}

Et là tu as le même résultat sur les deux pages (cette déclaration venait écraser l'autre). Je sais pas si c'était la question mais n'hésite pas en nous en dire plus smile
Modifié par Gili (19 Feb 2012 - 22:52)
N'importe quoi, n'importe quand, n'importe où, et sans la moindre raison.
http://www.nicolasgilis.be 
^
cmoitili
#
Citer
3 Posts
 Ma question est de garder les puces comme sur la page :

http://s356990188.onlinehome.fr/?page_id=424

et de supprimer c'elles qui apparaissent "dans la liste ordonnée 1, 2, 3, 4..."

comme sur la page

http://s356990188.onlinehome.fr/?page_id=426

Je répète, même hiérarchie HTML et feuille css !
^
gc-nomade
#
Citer
gcyrillus en mode portable
911 Posts
cmoitili a écrit :
... Je répète, même hiérarchie HTML ...


Nop, div parent avec des id différentes : id="colFull" et id="colLeft" , donc des régles de styles differentes appliqués a tes listes et aucune "bizareries CSS" smile .

cordialement,
GC
GC rien , mais GC encore ...
http://yidille.free.fr/plux/valign 
^
Gili
#
Citer
432 Posts
 La solution que je t'ai donné est la bonne alors smile
N'importe quoi, n'importe quand, n'importe où, et sans la moindre raison.
http://www.nicolasgilis.be 
^
kenor
#
Citer
399 Posts
Gili a écrit :
Salut,

Très pédagogique comme façon de faire...


Si ce n'était pas pédagogique, c'était carrément les bases du CSS à revoir ... (puisque ça signifie ne pas savoir lire une ligne basique de CSS) et non une quelconque explication. Montrer du doigt une erreur me parait plus pédagogique que de donner la réponse ...

------

ça me semblait pourtant logique ...

le premier, tu supprimes le background (la puce), puis tu mets ta puce.

> donc, on a une puce

le second, tu mets ta puce puis tu supprimes le background (la puce)

> donc, on n'a pas de puce.

Et non, t'as structure est différente puisque tu as un "id" différent sur les 2 pages (colFull > le premier code et colLeft > le second code d'où le fait que ça agit différemment sur les 2 pages).
^
Prévenir un modérateur
Répondre au sujet
Aller à