Je suis PEter Pan, je vous l'avais pas dit ?

~ ~

http://files.sharenator.com/memes_hipster_disney_peter_pan-s500x375-144224.jpg

:trololo:

Oui, une seule semaine pour les IUTs... et dire que les prépas en ont deux! Mais quels glandeurs

Bon, qui veut faire un L4D2 maintenant ? ça vous tente d'essayer de sauver le nain dans la map carnaval ?

Caletlog En fac aussi (enfin, sauf en fac de médecine, eux ils en ont pas du tout )

Apiphobe Parce que c'est le modo et qu'il fait ce qu'il veut

Je peux t'expliquer comment je fais une tarte aux pommes si tu veux.

ShadowwF, c'est toi qui aime bien bidouiller en css, non?
Dis-moi, tu sais comment sélectionner un sibling précédent? Tous les sélecteurs sont descendants, j'ai l'impression. En gros j'ai 4 divs dans un gros div (pas le droit de modifier l'html); je suis sur le 3° div (par exemple en hover, mais peu importe); comment sélectionner, depuis ce 3° div, les 1° et 2° div? Pas moyen j'ai l'impression, seul les divs suivants (donc le 4°) me sont accessibles

Sélectionner ? Euh, avec la souris ?

Ah, tu veux appliquer un style à un des divs ascendants ?

humm... Je vaiq y réfléchir

ShadowwF Voir le profil de ShadowwF
Posté le 28 octobre 2013 à 11:43:09 Avertir un administrateur
Sélectionner ? Euh, avec la souris ?

Non, dans le CSS
Pour faire simple, j'ai 4 blocs, chacun pour un article. Ces 4 blocs sont des divs, eux-même à l'intérieur d'un div #contenu (mais ce #contenu ne contient pas qu'eux, il contient aussi le #footer (c'est vraiment codé crado)). Pour aller plus loin que ce qui est demandé, j'ai fait en sorte que mes blocs d'articles soient interactifs entre eux; simplement, vu que les sélecteurs de frères sont descendants, ça pose problème puisque si le premier bloc peut contrôler les 3 suivants, le dernier bloc ne peut se contrôler que lui-même puisqu'il n'y a rien après lui et que les sélecteurs ne sont pas ascendants.

Bref, il me faudrait un sélecteur CSS qui, depuis le dernier bloc, me permet de remonter aux blocs précédents
En gros, je faisais par exemple:

1. bloc1:hover ~ #bloc2:not(:hover) {

background: red;
}
(dummy example, je fais pas ça hein ) ce qui me permettait, au survol du premier bloc, d'agir sur le second.
Sauf que si je suis sur le bloc4, je peux pas utiliser ~, car c'est un sélecteur de frères directs descendants. Donc il me faudrait trouver [X] tel qu'il me permette de faire:

1. bloc4:hover [X] #bloc3:not(:hover) {

blablabla;
}
et ainsi me permette d'agir sur les blocs précédents (ici, le 3eme) lorsque je suis sur le dernier bloc.

C'est possible?

http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector

tiens ça devrait t'aider non ?

J'ai tout compris

ShadowwF > en fait non c'est pas ça, eux ils parlent de parent; or, mes divs 1 à 3 ne sont pas des parents du div 4, ce sont ses frères. Le sélecteur frère par excellence, c'est "~", c'est juste qu'il ne fonctionne pas par ascendance. En fait, y'a pas d'idée de parents/enfants là-dedans: tous mes divs sont au même niveau hiérarchique, mais situés sur des niveaux d'appel différents.
Mais merci de ton aide

OMG, mais c'est quoi ton TP ?

Ah et, btw, je sens que c'est tout bête, mais j'ai 3 types de transitions basiques: width, height et background-color. Elles s'exécutent sans problème, toutes en même temps. Sauf que si je rajoute le type "color" et que mes couleurs de texte changent, c'est la seule transition qui est effectuée APRÈS que les 3 autres aient été effectuées! Alors que je voudrais qu'elle se fasse en même temps... Une idée?
Promis, là c'est la dernière, après ça j'ai tout bouclé

Les éléments s'affichent en fonction de l'ordre d'arrivée, comme "cascading style sheet" l'indique

Shadowwf > mais c'est tout basique mon TP, je suis qu'en MMI1 C'est juste que ça me gave de faire des trucs tout basiques en CSS avec 3 blocs et un contour comme 95% de la promo, donc j'essaye de me démarquer un peu avec de l'interactivité. Sauf qu'on a pas encore vu le javascript théoriquement, donc je fais tout en CSS.

Pour le TP l'énoncé est simple mais chiant: on a une page HTML, il faut qu'on en fasse une maquette ergonomique uniquement avec du CSS, aux couleurs et styles de notre identité graphique (logo + charte) réalisée en Design Graphique.