css2

mailer · 3 Décembre 2005

bonjour
j'essaie d'utiliser le css2, et donc les selecteurs enfants ">"
mais visiblement ça ne fonctionne pas, ou ai je fait l'erreur ?

voilà mon code :

Code:

DIV #cact_form > fieldset {background-color: #F4F9FD; margin-bottom: 20px}
DIV #cact_form > label {font-weight: bold; color: #ABB5BE}

<div id="cact_form">

<form name="envoi" method="post"  >
<fieldset>
       <legend>la légende est ici</legend>
<label>Pseudo: <input type="text" name="pseudo" size="30" maxlength="30" value="<?PHP echo $pseudo; ?>"></label><br />
<label>Titre du fichier: <input type="text" name="titre" size=30 maxlength=50 value="<?PHP echo $titre; ?>"></label><br />
<input type="submit" value="Envoyer!">
</fieldset>
</form>
</div>

Leonick · 3 Décembre 2005

mailer a dit:
bonjour
j'essaie d'utiliser le css2, et donc les selecteurs enfants ">"
mais visiblement ça ne fonctionne pas, ou ai je fait l'erreur ?

Les sélecteurs ne fonctionnent pas avec IE si je me rappelle bien

mailer · 3 Décembre 2005

ça ne marche pas sous Ie et même firefox

mattcobalta · 3 Décembre 2005

accès au fieldset :
DIV#cact_form est PARENT de form qui est PARENT de fieldset
donc DIV#cact_form>form>fieldset

accès au label :
DIV#cact_form est PARENT de form qui est PARENT de fieldset qui est PARENT de label
donc DIV#cact_form>form>fieldset>label

Code:

DIV#cact_form>form>fieldset{background-color: #F4F9FD; margin-bottom: 20px}
DIV#cact_form>form>fieldset>label{font-weight: bold; color: #ABB5BE}

Voilà, marche parfaitement sous Firefox !

SIBELIUS · 3 Décembre 2005

mailer a dit:
ça ne marche pas sous Ie et même firefox

Hello,

En fait, le sélecteur d'enfant fonctionne avec tous les navigateurs récents (Opera, Safari, Firefox, etc.), sauf IE6 qui est un peu trop vieux.
Il est prévu que IE7 reconnaisse ces sélecteurs.

mailer · 3 Décembre 2005

merci pour vos réponses.
Mais je pensais qu'il fallait uniquement spécifier un parent et un enfant et non pas spécialement un parent et un enfant adjacent ...

par exemple sur un site il préconise ce code là pour cet exemple :

Code:

div > span { color:blue }
<div>
<p>lundi </p> 
<p>mardi  <span> mercredi</strong></p> 
<strong>jeudi </strong>        
<strong><i>vendredi</i></strong>      
</div>

et non pas si j'ai bien compris

Code:

div > p >span { color:blue }
<div>
<p>lundi </p> 
<p>mardi  <span> mercredi</strong></p> 
<strong>jeudi </strong>        
<strong><i>vendredi</i></strong>      
</div>

http://wiki.media-box.net/documentation ... ur-enfants

mattcobalta · 3 Décembre 2005

En fait le code qu'ils te donnent ne fonctionne pas... Comme expliqué ici le sélecteur d'enfants ">" sert à pointer sur un enfant direct.

je pensais qu'il fallait uniquement spécifier un parent et un enfant et non pas spécialement un parent et un enfant adjacent ...

Oui, dans ce cas l'élément à cibler est un simple descendant et non un enfant, et pour que ça marche il faut :

Code:

div span { color:blue }

Cette page teste le fonctionnement du sélecteur d'enfants ">" et de tous les sélecteurs CSS2, toujours utile pour apprendre à skiner l'interface de ton Firefox, mais ça c'est une autre histoire :lol:

Leonick · 4 Décembre 2005

mattcobalta a dit:
En fait le code qu'ils te donnent ne fonctionne pas...

Oui, mais il y a une erreur de balise dans leur code,il aurait fallu

Code:

<span> mercredi</span>

et non pas
 mercredi

mattcobalta · 4 Décembre 2005

Leonick a dit:
il y a une erreur de balise dans leur code,il aurait fallu

Code:

 mercredi

et non pas

Code:

 mercredi

Tout juste, bien vu Leonick. Comme quoi :roll: on peut faire marcher vraiment n'importe quoi comme code !

mailer · 4 Décembre 2005

oui j'avais remarqué l'erreur aussi, et d'ailleur je ne comprenais pas d'ailleur leur explication suite a cette erreur ...

Ceci dit je vais reagrder les liens laissés, visiblement le wiki n'est peut etre pas forcement une très bonne chose, selon qui poste