| leprogr Profil : Penguin | Reprise du message précédent : Regardé ce qui est écri avant vos poste car vous conseillez tous les même site Moi aussi j'ai un petit probléme. Voila je suis en trainde développer un site internet (http://demarrageinfo.chez-alice.fr/index.php) probléme adaptibiliter ie 0. Donc pour remedier a cela j'ai voulu tester la même technique que TheGuit utilise dans http://theguit.homeip.net/~livepicture/index.htm sur http://quentin.fr.chez-alice.fr/dmimusic/index.php qui est un extension de mon site et qui est à peu prés construit pareil niveau code. Mais le rendu et trés mauvais sur ie, et juste sur ff. Alors je voulai savoir si cela pouvez venir de mon codage. Si oui qu'est ce qui cloche? TwEsQ pour ton probléme mais les deux div de la même taile dans ta feuille de style | |
Eikichi Profil : Top Penguin | Citation :
LOOL moi c'est simple j'arrive pas a coder mon design que j'ai fait avec Photshop 7.0, quand je met les balises CODE<a href="mon_lien.htm"><img src ="limage_du_lien.gif"/></a> bah ca deforme l'image  Donc voila le design normal et voila le design déformé Et puis ya ce probleme des liens qui font un cadre bleu ... et... comment je fais pour le design entier au centre ? Merci 
|
Pour virer le cadre bleu, deux solutions : - au cas par cas, dans ta page : CODE<img src='toto.jpg' border=no> - dans ta feuille de style : CODEimg { border : 0px } Dans la feuille de style, tu peux aussi choisir la taille, le style, la couleur de ta bordure : CODEimg { border : 1px dashed #CC0000 }
| |
TwEsQ Profil : Big Penguin | Citation :
LOOL moi c'est simple j'arrive pas a coder mon design que j'ai fait avec Photshop 7.0, quand je met les balises CODE<a href="mon_lien.htm"><img src ="limage_du_lien.gif"/></a> bah ca deforme l'image  Donc voila le design normal et voila le design déformé Et puis ya ce probleme des liens qui font un cadre bleu ... et... comment je fais pour le design entier au centre ? Merci 
|
pour le design entier au centre si je me souviens bien : dans le css : CODEbody { text-align: center; } pour les images : CODE<a href"tonlien.htm"><img src="tonimage.jpg" width="largeur de l'image en pixels" height="hauteur de l'image en pixel" border="0px"></a> | |
Floflu Profil : New Penguin | Merci Orizuka ^^ Et pour la deformation personne ne sait ? | |
TheGuit Alcogeek Profil : Admin | Citation :
LOOL moi c'est simple j'arrive pas a coder mon design que j'ai fait avec Photshop 7.0, quand je met les balises CODE<a href="mon_lien.htm"><img src ="limage_du_lien.gif"/></a> bah ca deforme l'image  Donc voila le design normal et voila le design déformé Et puis ya ce probleme des liens qui font un cadre bleu ... et... comment je fais pour le design entier au centre ? Merci 
|
Tu pourrait mettre des images plus précise j'ai pas comprit ce qui se passait. pour la bordure bleu tres simple tu met ca dans ton css: HTMLa img{border:0;} ce qui va enlever la bordure de toutes les image qui sont dans des liens  Eikichi a écrit :
Une petite question... J'utilise une feuille de style sur mon site, vous constaterez que c'est bien vert . Est-il possible de mettre un lien couplé à une fonction javascript, sur la page d'accueil, pour proposer d'autres styles, c'est-à-dire charger une autre feuille de style ? Si quelqu'un a une idée, je suis preneur !
|
Oui regarde la dessus : http://theguit.crystalxp.net/ tu verra qu'il y a une fonction Javascript qui change la feuille de style et il y aussi la balise pour faire en sorte de proposé plusieur style.
TwEsQ a écrit :
bon je vais tout de suite vous demander une astuce : J'ai fais il y a déjà plusieurs mois le tuto de M@téO sur le site du zero pour le xhtml et css. Le but était de faire quatre <div> positionnés comme ceci :
 mais le problème que j'avais est que si le div contenu est de taille plus petite que le div menu, j'obtenais ceci :
 1) est-ce normal ??? 2) une petite astuce pour y remédier ? Encore merci d'avance
|
Il faut que ton footer ai la propriété HTMLclear:both; qui va forcer le footer a revenir en dessous de toute les autre div.
| |
TwEsQ Profil : Big Penguin | merci TheGuit mais TPDK a dit que clear:both fonctionnait pas sous IE info ou intox ? EDIT: c'est bon, j'avais pas vu ta réponse a la page précédente. Bon ben je m'y mettrais ce soir et si j'ai d'autres questions je vous demanderais. En tout cas, merci beaucoup. | |
Eikichi Profil : Top Penguin | Merci ! Je regarderai ça au calme ce soir... Mais apparemment, tu appelles la fonction sur chaque page. Tu connaîtrais un moyen de faire le changement UNIQUEMENT sur la page d'accueil ?  EDIT : je sens que ce topic va décoller en peu de temps ! | |
Floflu Profil : New Penguin | C'est simple ce qui se passe tu regarde les deux images tu vois le normal et bien comme il faut mais l'autre avec les liens que j'aio rajouté dans le code xHTML bah ca deforme l'image et je comprends pas pourquoi ... | |
Frana Profil : Penguin Pro | Merci beaucoup . Moi j'étudie sur le site du zéro dans le topic " crée un site web "  EDIT: TheGuit ton site livepicture c'est le même menu que le site a windows vista ? | |
TheGuit Alcogeek Profil : Admin | Eikichi a écrit :
Merci ! Je regarderai ça au calme ce soir... Mais apparemment, tu appelles la fonction sur chaque page. Tu connaîtrais un moyen de faire le changement UNIQUEMENT sur la page d'accueil ?  EDIT : je sens que ce topic va décoller en peu de temps !
|
Si tu veux un changement qui soit constant sur tout ton site il faut alors utiliser un language de type PHP/ASP/Perl/CGI bref n'importe quoi qui soit un language coté serveur et non coté client comme le javascript  Citation :
EDIT: TheGuit ton site livepicture c'est le même menu que le site a windows vista ?
|
Ben oui ca ressemble mais notre technique est meilleur car sur le site de Microsoft si les image ne sont pas en cache quand tu passe ta souris sur un des elements du menu il faut un temps avant que l'image ne se charge  | |
alone-lefilm Profil : Penguin | Citation :
EDIT: TheGuit ton site livepicture c'est le même menu que le site a windows vista ?
|
Hiii, plus d'infos sur le topic que j'ai posté ici !! Supra bonne idée ce topic. Je pense que d'ici peu, il va explosé de post. Perso, je l'ai conseillé à mon pote qui fait le CSS de mon site. Il va être content, je pense.  [dedicace] Même si en ce moment, j'ai l'impression qui ne fait rien sur le site ! [/dedicace]  | |
Eikichi Profil : Top Penguin | TheGuit a écrit :
Si tu veux un changement qui soit constant sur tout ton site il faut alors utiliser un language de type PHP/ASP/Perl/CGI bref n'importe quoi qui soit un language coté serveur et non coté client comme le javascript 
|
Merci. Va falloir faire chauffer le bloc-note à coups de copier-coller alors... Je n'entrave que dalle à PHP et consorts... Sad but true !  | |
Kianzo Profil : Penguin Pro | Bonjour, Une question Comment faire pour aligner tout un design (tout le site quoi) au milieu ? Attention, pas confondre "au centre" et "au milieu". Quand on a un petit webdesign, c'est agréable qu'il soit au beau milieu de la page, et pas collé tout en haut et vide en bas  | |
TheGuit Alcogeek Profil : Admin | leprogr tu peux pas nous donné un lien vers le site ou ca bug ? moi je vois pas ce qui cloche sur l'image que tu as posté c'est trop petit. | |
Frenetik Profil : Top Penguin | TheGuit, tu confonds leprog et The Pink Monkey La déformation de design c'est le second. Leprog à un problème de compatibilité avec IE je crois Leprog, toutes tes images sont en Png et pour bien les mettre comme TheGuit il faut les dimensions exactes du design et les placer grâce au CSS. Après, le créateur sera mieux t'en parler que moi ... | |
Floflu Profil : New Penguin | Merci beaucoup Orizuka pour CODE <...border='no'> ca marche du feu de Dieu et c'etait ca le probleme donc est bien qui finit bien ^^. Mais comment je fais pour centrer tout mon design maintenant ? est-ce que CODE body { margin:center } est le bon code CSS ou bien c'est un autre truc ? Merci deja pour le prob. des cadres. P.S: TRES BONNE IDEE CE TOPIC ! | |
TheGuit Alcogeek Profil : Admin | Citation :
Bonjour, Une question Comment faire pour aligner tout un design (tout le site quoi) au milieu ? Attention, pas confondre "au centre" et "au milieu". Quand on a un petit webdesign, c'est agréable qu'il soit au beau milieu de la page, et pas collé tout en haut et vide en bas 
|
Simplement et de maniere compatible c'est pas possible. Normalement il faut mettre HTMLdisplay: table-cell; dans la div parent et apres l'attribut HTMLvertical-align:middle; fonctionnera mais ca ne marche pas sous IE il n'est donc possible de centrer verticalement que en utilisant un tableau  Il existe une methode mais elle ne se met pas a jour sous opera : http://edu.ca.edu/article207.html | |
TheGuit Alcogeek Profil : Admin | Frenetik a écrit :
TheGuit, tu confonds leprog et The Pink Monkey La déformation de design c'est le second. Leprog à un problème de compatibilité avec IE je crois Leprog, toutes tes images sont en Png et pour bien les mettre comme TheGuit il faut les dimensions exactes du design et les placer grâce au CSS. Après, le créateur sera mieux t'en parler que moi ...
|
Ah effectivement toute mes excuses. Oui alors pour ton soucis leprog, il faut que tu mette les image en jpg car IE ne gere pas le PNG transparent donc il met une couleur a la place de la transparence ce qui fait que c'est pas beau. | |
Kianzo Profil : Penguin Pro | TheGuit a écrit :
Simplement et de maniere compatible c'est pas possible. Normalement il faut mettre HTMLdisplay: table-cell; dans la div parent et apres l'attribut HTMLvertical-align:middle; fonctionnera mais ca ne marche pas sous IE il n'est donc possible de centrer verticalement que en utilisant un tableau  Il existe une methode mais elle ne se met pas a jour sous opera : http://edu.ca.edu/article207.html
|
Ok merci, et sais-tu si dans la nouvelle version de IE (7) ça marchera ? (ah lala ce IE... )
| |
TheGuit Alcogeek Profil : Admin | Nan je n'est pas tester IE7 j'ai pas Windows Xp donc je peux pas le mettre chez moi. | |
juju666 Profil : Top Penguin | Pour aligne un site il y a quelque chose de très symple  Mets ceci dans le css a l'id body: HTMLbody { margin: auto; text-align: center } Voila ton design centre | |
leprogr Profil : Penguin | Citation :
Oui alors pour ton soucis leprog, il faut que tu mette les image en jpg car IE ne gere pas le PNG transparent donc il met une couleur a la place de la transparence ce qui fait que c'est pas beau.
|
je le sai trés bien mais j'ai donc fait un test de decoupe sur un de mes autre site [url=http://quentin.fr.chez-alice.fr/dmimusic/index.php]( [url=http://quentin.fr.chez-alice.fr/dmimusic/index.php]http://quentin.fr.chez-alice.fr/dm [...] 034;_blank mais le résultat n'est pas le même sur ie et sur ff docn je voulez savoir ce qui clocher avant d'utiliser cette technique sur mon site principal vu qu'il on quasiement le même code
| |
TheGuit Alcogeek Profil : Admin | ben sur ton site la tu doit mettre dans ton css tout au début : HTML*{margin:0;padding:0;} | |
leprogr Profil : Penguin | Maintenant c'est pas jolie dans les deux. Cela veu dire découpe à refaire merci du coup de main. ps: La derniére foi que ça n'avai pas marcher j'avai oublier l'étoile | |
TheGuit Alcogeek Profil : Admin | Normalement si c'est juste une histoire d'image mal calé suffit de joué avec les margin des image et tu vas t'en sortir. | |
| |