28173 sujets

CSS et mise en forme, CSS3

Un filet en background plutôt qu'en img

Bonjour,

Je suis en train d'essayer de mettre un filet dans le background d'un div plutôt que comme une image: je préfererais car le filet change (en fait il y en a 2 un en haut et un en bas) de couleur selon les rubriques.

Tout semble aller correctement sauf sur i.e sur PC.

Si qqu'un peu m'aider, je lui serais bien reconnaissant.

Voici l'adresse de la page:
http://www.bibol.fr/fr/test-float.html
celle du css
http://www.bibol.fr/fr/style-float.css

Et voici à quoi ça devrai ressembler (adresse avec l'image en img):

http://www.bibol.fr/fr/test.html
celle du css
http://www.bibol.fr/fr/style.css

Merci d'avance pour votre aide

st123
si ton filet est juste cette petite ligne parfaitement horizontale, je pense que tu peux ne pas charger d'image mais plutot mettre la propriété suivante :


border-bottom : 1px solid #d1591c


sur le bloc menu2 qui est en haut. idem avec border-top en bas.
Merci le troll pour ta répons.

J'aimerais bie ncomrpendre à quo icorrespond ce décallage... d'autant que je souhaite caler précisement le filet sur le milieu du logo.

Quand j'essaye ta solution: j'ai mon border bottom de la navigation du haut qui se retrouve AU DESSUS de ce qu'l est sensé souligner: je pense que le pb vient plus ou moins du même truc qui me décalle tout vers le bas sur i.e .

D'ailleurs ce qui est bizarre sur i.e, c'est que quand j'enlève l'image de fond du bloc du logo, celui ci remonte.... comme si l'image de fond imposait un décallage de la hauteur du logo entre les 2 menus Smiley bawling

Je vais essayer de tout reprendre pour avoir le border bottom qui fonctionne.

Merci quand même

ST123
peut etre en passant le border bottom sur le bloc #navigation?

pour ton image de fond, c'est une balise img ou un attribut background-image?
Merci le Troll,

J'ai un peu reflechis depuis hier, et n'ai pas trop avancé... Je pense regrouper les deux navigations du haut dans un même div, et mettre le logo dans un autre div flottant à droite.

Pour mon image de fond (la photo ?) c'est un attribut back-ground. Pour le filet c'était aussi le cas, mais je vais essayer de le mettre en "border bottom" de navigation (qui est à la bonne longueur) ou en background du div qui contiendra les deux nav.

Je m'embrouille encore avec les float, les position absolute etc... J'obtiens l'a mise en page comme je le souhaite (voir test.html), mais je sais que ce n'est pas très propre.

Merci pour tes pistes

ST
Sujet clos
Aller à