Balise dl et dt

[doomer2]

Bonjour,

J'ai un probléme sur une page de présentation à cause des balises dt et dl à l'adresse suivante : Site en css

Le probléme est que mon agenda est condenu dans un div appelé événement et que ce div utilise les balises dt et dl qui sont également utilsées plus bas pour faire des div arrondis.

Le probléme est que le div événement fait apparaitre l'image arrondi alors que je n'en veux pas.

Si vous trouvez le probléme merci de me contacter.

Merci à tous.

[c.klouchi]

Bonjour,

Il suffit de spécifier dans votre feuille de style que vous ne voulez pas d'images pour les dt et dl contenu dans evenements.

[doomer2]

Et oui comment cela alors ?

Je ne vois pas comment.

[c.klouchi]

Bonjour,

Il est ecrit ceci dans la CSS

dt {
height: 35px;
background: #fff url(haut.gif) top left no-repeat;
text-align: center; /* centrage du titre, bug IE*/

Il faut peut-être ajouter une classe sur vos dates.

exemple

<dt class="noimage">25 Décembre</dt>

dt .noimage{background:none}

Je n'ai pas testé par manque de temps mais à essayer.....

Sinon quelqu'un d'autres va répondre ou tout simplement ne pas utiliser les dt pour les dates mais s'orienter sur une liste ou autre.

Modifié 6 Novembre 2004 par c.klouchi

[doomer2]

Non cela ne fonctionne pas cela. Je viens de faire des modifs et ajouter un selecteur à mes balises tout simplement et cela fonctionne.

Merci tout de même.

[Sarc]

Je suis peut etre hors sujet, et je ne peux pas répondre à ta question, cependant il y a un ptit problème d'affichage sur ton site... Je suis sur firefox, et les menus actualités sont bizarres. Sur le haut et le bas du cadre, il y a un décalage d'un ou deux pixels a droite...

Si tu ne vois pas, jte ferai un screen

[doomer2]

Je evux bien une copie d'écran mais je crois voir cela sur le coin gauche des arrondis actualités;

Savez-vous pourquoi sous firefox y a t'il ce probléme ?

[LaurentDenis]

Le probléme est que mon agenda est condenu dans un div appelé événement et que ce div utilise les balises dt et dl qui sont également utilsées plus bas pour faire des div arrondis.

Le probléme est que le div événement fait apparaitre l'image arrondi alors que je n'en veux pas.

#evenement dt 
{
background: none;
}

[Sarc]

Voila le probleme d'affichage... Ca passe très bien sous IE par contre !

Ya un décalage a droite de l'arrondi, une espece de ptite tache en haut a droite du cadre, et ce blanc a gauche du cadre !

[doomer2]

Quelqu'un sait d'où vient ce probléme ?

[pierredureau]

Montre nous ton code pour qu'on puisse te répondre.

Mais à vue de nez, ça ressemble au problème classique du modèle de boîte microsoft. Si je n'étais pas en train de m'endormir sur mon clavier (2h du mat tout de même), je t'aurai indiqué des ressources. Renseigne toi à propos du doctype switching... bye

[LaurentDenis]

Ya un décalage a droite de l'arrondi, une espece de ptite tache en haut a droite du cadre, et ce blanc a gauche du cadre !

<{POST_SNAPBACK}>

Tu utilises en même temps deux techniques radicalement différentes pour gérer tes images d'arrondi:

- une image HTML <img> pour le coin droit

- une image d'arrière-plan CSS pour le coin gauche

<dt class="arrondi"><img id="droitehaut" src="hautd.gif" alt="" />
   <img id="titre" src="titre.gif" alt="titre" />
</dt>
<dd class="arrondi">

dt.arrondi {
height: 35px;
background: #fff url(haut.gif) top left no-repeat;
text-align: center; /* centrage du titre, bug IE*/
}

Difficile de concilier les deux... Il faudrait prendre un parti, et opter pour l'une ou l'autre technique

[doomer2]

C'est à dire utiliser alors la meme facon que pour afficher le coin gauche avec les css ? C'est cela ?