Version complète: sur le forum Webmaster Hub : Balise dl et dt
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
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
CODE
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
CODE
<dt class="noimage">25 Décembre</dt>

CODE
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.
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 wink.gif
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
CITATION(doomer2 @ 06 Nov 2004, 18:06)
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.



CODE
#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
CITATION(sarc @ 06 Nov 2004, 20:31)
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 !
*


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
CODE
<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 wink.gif
doomer2
C'est à dire utiliser alors la meme facon que pour afficher le coin gauche avec les css ? C'est cela ?
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.