| Buck Lécher les papillons, c'est mal. Profil: Penguin Pro | Last message on previous page: C'est nul ! Non, soyons constructif, voilà un p'tit screen pour voir le bug. Et puis il serait simple de faire un p'tit repeat-y sur la partie du milieu, avec le texte, pour la rendre extensible et donc tout aussi belle mais propre et pro par la même occasion.
| |
Ghostofshishko Profil: New Penguin | mais si je fais un repeat-y la sorte de "bulle" (qui est quand meme assez caré...) sera répetée... et c'est pas ce que je cherche... | |
Buck Lécher les papillons, c'est mal. Profil: Penguin Pro | Ha beh non, c'est justement tout ce qui est drôle avec les repeat, c'est de chercher à ne pas tout répéter, mais juste ce qu'on veut. Donc si tu prends que la partie en-dessous de la fin du dégradé bleu clair, et que tu la répète, ça marche, sans problème. ensuite, tu mets un div avec le haut en background:top et un autre ave le bas en background bottom Je serais plus explicite demain, là, je me motive pour un 20 en bio.  | |
Ghostofshishko Profil: New Penguin | ouai mais le degradé blans genere une sorte de relief de la partie bleue... si je l'agrandis je pense pas que ce sera super... | |
Buck Lécher les papillons, c'est mal. Profil: Penguin Pro | Bon, je laisse tomber la bio. Regarde sur mon image, tout en bas de ta "case", y a une partie sans dégradé (et si c'est pas exactement le cas, ça peut s'arranger, personne n'y voit rien.
Cette partie, tu la répète à l'infini, en laissant fixe le haut et le bas. Tu comprends ? Tu imbrique 3 divs, sur le premier, tu mets ton fond en repeat-y, sur le suivant, tu mets le haut, en alignant à top, et sur le dernier tu mets le bas, en alignant à bottom, puis, à l'intérieur du dernier, tu mets ton texte et enfin tu referme les 3 divs d'affilée. Là, t'es contant, ton design reste beau (un peu aliasé à certains endroits, par contre... ) et tu à au moins une des 2 extensibilités possible,s la plus courante, la verticale (après, tu peux aussi faire extensible dans l'autre sens, mais c'est plus chaud (donc plus drôle ). | |
Ghostofshishko Profil: New Penguin | ok je note... le prochaine je te le fait extensible dans tout les sens (meme en Z) et je voulais savoir a quoi sert " !important " ? je l'ai vu quelque fois mais impossible de trouver a quoi ça servait... et aussi comment centrer une image au milieu de l'ecran (en x et y)?
| |
Buck Lécher les papillons, c'est mal. Profil: Penguin Pro | !important est interprêté par tous les bons navigatuers mais pas par IE (sauf le 7), donc en lisant ça, le navigateur normal applique et ignore le nouvel ordre, tandis que IE ne comprends pas et lit la ligne suivante du CSS. Ensuite, pour centrer, il te faut text-align:center et margin:auto pour le cadre qui entoure ton image, et pour le centrer en hauteur, il a pas de solution à part de mettre un margin-top spécifique, mais c'est en px seulement (tu peux tester margin-top:50% mais ça m'étonnerait que ça marche) | |
Ghostofshishko Profil: New Penguin | ok merci... et la je suis en train de te preparé une petite surprise... lol je posterai quand j'aurai fini  | |
| |