[XHTML-CSS] Effet "block" assez complexe
Salut à tous et à toutes !
Je revient sur ce forum pour récolter d'autre conseil !
Voici ce que je recherche à réaliser !
En admettant que rien de la partie de droite n'existe pas les menus de droites et le block si !
Donc la difficulté dans ça, c'est la "flèche" bien évidemment ! Le moins possible "bricolé" !
Je penser à faire un bloc pour tout l'élément de droite (flèche + "carré blanc" ). A ce gros bloc je met comme fond ma flèche que je colle en haut à droite avec une marge. et je met à un autre bloc dedans : "le carré blanc" et je m'arrange pour que le bord de la flèche et du bloc coïncide ! Seulement c'est un peu complexe et surtout c'est de la bricole et que je pense pas que tous les navigateur affiche la même chose !
Donc avez vous des idées ?
Merci à tous les CCMiste qui m'aideront !
--
La chance aide parfois, le travail toujours !
Le vrai con est con. Celui qui n'est pas un vrai con n'est pas plus con qu'un autre.
Je revient sur ce forum pour récolter d'autre conseil !
Voici ce que je recherche à réaliser !
En admettant que rien de la partie de droite n'existe pas les menus de droites et le block si !
Donc la difficulté dans ça, c'est la "flèche" bien évidemment ! Le moins possible "bricolé" !
Je penser à faire un bloc pour tout l'élément de droite (flèche + "carré blanc" ). A ce gros bloc je met comme fond ma flèche que je colle en haut à droite avec une marge. et je met à un autre bloc dedans : "le carré blanc" et je m'arrange pour que le bord de la flèche et du bloc coïncide ! Seulement c'est un peu complexe et surtout c'est de la bricole et que je pense pas que tous les navigateur affiche la même chose !
Donc avez vous des idées ?
Merci à tous les CCMiste qui m'aideront !
--
La chance aide parfois, le travail toujours !
Le vrai con est con. Celui qui n'est pas un vrai con n'est pas plus con qu'un autre.
3 réponses
-
Ouaip : au lieu de faire une image de flèche qui colle avec un bloc blanc, tu fais une seule image flèche+bloc blanc qui s'étire en fonction de la hauteur de ton texte (méthode des portes coulissantes).
-
-
Ce tuto est pour des coins arrondis, mais tu peux mettre n'importe quelle image :
http://www.mammouthland.net/weblog/2009/20_04_09.php#coulissant
-
-
Tiens ca me rappelle un peu le bloc modo de CCM. T'as qu'a inspecté avec Firebug pour voir comment j'ai fait. Je t'expliquerai plus en détail lundi si tu veux ;)
-
Re
Je donne de mes nouvelles donc j'ai réussis !
voir le résultat là : http://battlefield.ideea-hosting.eu/page.html
Ma page passe e css3 mais pas le css 2.1 à cause de "border-radius" =/ C'est grave ?
Merci à meudah, notobe et twitter pour la flèche =P
