28172 sujets

CSS et mise en forme, CSS3

Bizarrerie css !

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)
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)
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 Smiley smile
Modifié par Gili (19 Feb 2012 - 22:52)
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" Smiley smile .

cordialement,
GC
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).
Sujet clos
Aller à