28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'aurais deux petites questions sur les sprybar menu dans dreamweaver :

- La première concerne la position de mon sprybar dans ma page.

Dans ma page http://dro0one.free.fr/sprybar_test2/takeaphoto_test_srpybar/index3.html, j'aimerai réussir à coller mon image (la petite maison avec un carré imitant le sprybar) à la droite de mon sprybar menu. L'effet attendu est le même que celui que l'on retrouve sur ce site http://www.clubic.com/.

Problème : dès que j'insère mon image, le sprybar va à la ligne .... Smiley sweatdrop

(Ou si quelqu'un connais la technique pour insérer l'image de la maison directement dans l'onglet Accueil à la place du texte, je suis preneur et ca résoudrait mon problème Smiley lol )

- Ma deuxième question est la suivante :

Comment faire pour que les sous menu soient d'une couleur différente ? Car l'effet glossy (créer par une insertion d'image) donne un effet bizarre quand les onglets sont empilés. J'aimerai donc faire en sorte de pouvoir modifier uniquement les sous onglets (soit avec une autre image, soit avec juste une couleur unie)

Merci d'avance pour vos réponses qui permettrons, j'en suis sûr, de progresser sur un truc (le sprybar menu) qui prend énormément de temps quant on est débutant Smiley confused

Demandez moi si mes explications ne sont pas claires

@+
Modifié par dark.tonin (31 May 2010 - 23:14)
Alors en fait j'ai réussi à intégré mon image, il suffisait de copier le code dans l'onglet désiré ... parfois on a beau chercher, on ne voit pas les choses les plus évidentes Smiley rolleyes

http://dro0one.free.fr/sprybar_test2/takeaphoto_site/index3.html

Mais de nouvelles problématiques se posent alors :
- Comment faire pour déplacer l'image ? Car c'est un padding qui me permet de la positionner mais ce padding est le même pour tous et donc le texte et légèrement décaler vers le haut (je voudrais que le centre du texte soit aligner avec le centre de l'image

- Dans FF, l'image (en .png pour avoir l'effet de transparence) est entourée d'un cadre blanc, sous IE, c'est un cadre bleu alors qu'avec Safari et dans dreamweaver, tout est nickel (pas de cadre et c'est ce que je recherche). Pourquoi cela ?

Merci pou votre aide,

Je suis toujours preneur pour une réponse à ma question 2 du premier post Smiley cligne
Modifié par dark.tonin (31 May 2010 - 23:14)