28221 sujets

CSS et mise en forme, CSS3

[resolu]Probleme d'affichage à cause de dl, dt , etc ...

Voilà j'ai donc réussi à positionner de boite arrondis cote à cote et je viens de refaire mon menu horizontal totalement à cause de probleme de positionnement sous IE et Firefox.

Me voilà confronter à un probleme de nouveau : je veux insérer un petit agenda manuel que vous pouvez voir à l'adresse : http://dubcl.free.fr
mais le probléme est qu'il reprend le fond de mes cadres arrondis.

J'ai donc mis cet classe evenement dans un div en esperant régler le probleme mais en vain.

Comment faire ?

Je redonne l'adresse du site http://dubcl.free.fr
Modifié le 06 Nov 2004 - 18:40
Ici tu déclares que tous les dt auront un background "haut.gif"

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


La syntaxe des déclarations suivantes est douteuse : 

/* Agenda des événements */

#evenement{
border:5px solid #000000;
}

dl.event #evenement
{
margin: 2em 0;
padding: 0;
font-family: georgia, times, serif;
}

.event dt 
{
position: relative;
left: 0;
top: 1.1em;
width: 5em;
font-weight: bold;
}

.event dd
{
border-left: 1px solid #000;
margin: 0 0 0 6em;
padding: 0 0 .5em .5em;
}

/* fin agenda */


J'opterais plus pour : 

/* Agenda des événements */

#evenement{
border:5px solid #000000;
}

#evenement dl
{
margin: 2em 0;
padding: 0;
font-family: georgia, times, serif;
}

#evenement dt 
{
position: relative;
left: 0;
top: 1.1em;
width: 5em;
font-weight: bold;
}

#evenement dd
{
border-left: 1px solid #000;
margin: 0 0 0 6em;
padding: 0 0 .5em .5em;
}

/* fin agenda */


J'espère que ça peut aider!
Il y a toujours la déclaration que TOUS les dt ont un background "haut.gif"

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

Modifié le 06 Nov 2004 - 18:27
Oui, mais si je retire cela alors mon cadre arrondi avec mon actualité du site n'existera plus.

Comment faire alors ?
doomer a écrit :
Oui, mais si je retire cela alors mon cadre arrondi avec mon actualité du site n'existera plus.

Comment faire alors ?


Ajouter un sélecteur aux dt où tu veux que ton background s'applique.

<dt class="bground">



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