28220 sujets

CSS et mise en forme, CSS3

[résolu]Probleme avec un cadre etirable

bonjour,

j'ai créer 3 images ( menuhaut, menucentre, menubas) pour réaliser un menu étirable comme indiqué dans le tuto de alsacreation.

mon css:
dl {
position: absolute;
left: 0px;
width: 160px;
}
dl, dt, dd {
margin: 0;
padding: 0;
}
dl {
background: url('design/menubas.gif') bottom left no-repeat;
padding-bottom: 20px;
}
dt {
height: 40px;
background: url('design/menuhaut.gif') top left no-repeat;
text-align: center;
}
dd {
padding: 0 0 0 10px;
text-align: justify;
background: url('design/menucentre.gif') top left repeat-y;
}


comme vous pouvez le voir sur http://cdt.erea.hostgratos.net/essai
j'ai un probleme Smiley murf

ne faites pas attention au reste du site car je le modifierais une fois ce probleme résolu

pour indication, l'image "menucentre.gif" fait 1 px de hauteur

Si quelqu'un peut m'aider

d'avance merci
Modifié par ganou66 (29 Mar 2005 - 08:18)
ganou66 a écrit :

pour indication, l'image "menucentre.gif" fait 1 px de hauteur

euh... non !

Elle fait 200px de hauteur Smiley cligne

upload/196-menucentre.gif
Attention à la syntaxe dans la déclaration des images d'arrière-plan.
La Chatte Noire a écrit :

Problems with background images

1. IE Mac cannot see background images that are linked to a stylesheet using the following code: selector {background: #ccc url('myimage.gif')}. Note the single quotemark in the url.

http://www.l-c-n.com/IE5tests/misc/

Je recommande de ne pas utiliser les guillemets « ' » ou « " » dans ce contexte.
D'une part ils causent un bug connu, d'autre part ils sont inutiles.

url(design/menubas.gif)


<edit />
Votre humble traducteur a écrit :

Problèmes avec les images d'arrière-plan

1. IE Mac ne peut pas voir les images d'arrière-plan qui sont liées à une feuille de style en utilisant le code suivant: selector {background: #ccc url('myimage.gif')}. Notez le guillemet simple dans l'url.

Modifié par Stephan (28 Mar 2005 - 10:05)
Tu n'as pas compris. Le truc des guillemets c'est juste pour prévenir un bug dans IE Mac.
Pour résoudre ton problème, ton image menucentre.gif doit faire réellement 1px de hauteur.
Or, elle fait présentement 200px de hauteur.

Voir ici 8-)

Tu as lu ou juste regardé ? Smiley decu
Modifié par Stephan (29 Mar 2005 - 07:01)
ok
j'avais mal vu
désolé

Bon, maintenant il me faut resoudre ce probleme. j'ai utilisé Gimp pour faire ces 3 images. Enfin, j'en ai fait une que j'ai découpé en 3 morceaux. C'est surement de la que viens l'erreur

Merci pour l'info et bonne journée
Sujet clos
Aller à