[XHTML-CSS] Effet "block" assez complexe
Utilisateur anonyme
-
27 mars 2010 à 18:31
Utilisateur anonyme -
Utilisateur anonyme -
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 !
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 !
A voir également:
- [XHTML-CSS] Effet "block" assez complexe
- Block breaker - Accueil - Services en ligne
- Code block - Télécharger - Langages
- Effet miroir word - Guide
- Peer block - Télécharger - Pare-feu
- Usb block - Télécharger - Pare-feu
3 réponses
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
27 mars 2010 à 18:37
27 mars 2010 à 18:37
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).
Utilisateur anonyme
27 mars 2010 à 19:43
27 mars 2010 à 19:43
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 ;)
Utilisateur anonyme
29 mars 2010 à 02:44
29 mars 2010 à 02:44
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
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
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
29 mars 2010 à 09:05
29 mars 2010 à 09:05
Non, pas grave ! La validation des CSS, c'est secondaire. ;)
Par contre, si tu veux que cela soit visible, rajoute :
-moz-border-radius pour les gecko (FF, seamonkey), et -webkit-border-radius pour les webkit (safari, chrome)
Par contre, si tu veux que cela soit visible, rajoute :
-moz-border-radius pour les gecko (FF, seamonkey), et -webkit-border-radius pour les webkit (safari, chrome)
27 mars 2010 à 18:39
Comment pourrais je faire ça ?
27 mars 2010 à 18:44
http://www.mammouthland.net/weblog/2009/20_04_09.php#coulissant