Entraide Graphique : phil-le-tigen et 41 utilisateurs inconnus

 Mot :   Pseudo :  
  Aller à la page :
 
 Page :  1  2  3  4  5  ..  100  101  102  103  104  105
Auteur
 Sujet :

[Aide & support] Développement Web (CSS, HTML...)

 
n°25
leprogr
Profil : Penguin
Avatar
profil
Posté le 26-04-2006 à 16:07:57  
 

Reprise du message précédent :
Regardé ce qui est écri avant vos poste car vous conseillez tous les même site  :he:

 

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

answer
mood
GoogleAds
profil
Posté le 26-04-2006 à 16:07:57  
 

answer
n°26
Eikichi
Profil : Top Penguin
Avatar
profil
Posté le 26-04-2006 à 16:10:37  
 

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  :cry:
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 ? :boulay:

 

Merci  :he:

 

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 }

answer
n°27
TwEsQ
Profil : Big Penguin
Avatar
profil
Posté le 26-04-2006 à 16:12:18  
 

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  :cry:
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 ? :boulay:

 

Merci  :he:

 

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>

answer
n°28
Floflu
Profil : New Penguin
Avatar
profil
Posté le 26-04-2006 à 16:12:51  
 

Merci Orizuka ^^
Et pour la deformation personne ne sait ?

answer
n°29
TheGuit
Alcogeek
Profil : Admin
Avatar
profil
Posté le 26-04-2006 à 16:14:10  
 

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  :cry:
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 ? :boulay:

 

Merci  :he:

 

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 :smile:

 
Eikichi a écrit :

Une petite question...

 

J'utilise une feuille de style sur mon site, vous constaterez que c'est bien vert  :beurk: . 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 :smile: 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 :
http://img280.imageshack.us/img280/5031/illustration16fu.png

 

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 :
http://img133.imageshack.us/img133/1733/illustration21wz.png

 

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.

answer
n°30
TwEsQ
Profil : Big Penguin
Avatar
profil
Posté le 26-04-2006 à 16:15:38  
 

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.

answer
n°31
Eikichi
Profil : Top Penguin
Avatar
profil
Posté le 26-04-2006 à 16:19:26  
 

TheGuit a écrit :

Oui regarde la dessus : http://theguit.crystalxp.net/ tu verra qu'il y a une fonction Javascript qui change la feuille de style :smile: et il y aussi la balise pour faire en sorte de proposé plusieur style.

 

Merci !  :great:

 

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 ?  :ouch:

 

EDIT : je sens que ce topic va décoller en peu de temps !

answer
n°32
Floflu
Profil : New Penguin
Avatar
profil
Posté le 26-04-2006 à 16:20:18  
 

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 ...

answer
n°33
Frana
Profil : Penguin Pro
Avatar
profil
Posté le 26-04-2006 à 16:22:02  
 

Merci beaucoup :happy2: .

 

Moi j'étudie sur le site du zéro dans le topic " crée un site web "  :wink:

 

EDIT: TheGuit ton site livepicture c'est le même menu que le site a windows vista ?

answer
n°34
TheGuit
Alcogeek
Profil : Admin
Avatar
profil
Posté le 26-04-2006 à 16:32:18  
 

Eikichi a écrit :

Merci !  :great:

 

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 ?  :ouch:

 

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 :wink:

 
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 :wink:

answer
n°35
alone-lefilm
Profil : Penguin
Avatar
profil
Posté le 26-04-2006 à 17:05:14  
 

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 !! :lol:

 

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.  :party:

 

[dedicace] Même si en ce moment, j'ai l'impression qui ne fait rien sur le site ! [/dedicace]  :whistle:

answer
n°36
Eikichi
Profil : Top Penguin
Avatar
profil
Posté le 26-04-2006 à 17:26:37  
 

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 :wink:

 


Merci.

 

Va falloir faire chauffer le bloc-note à coups de copier-coller alors... Je n'entrave que dalle à PHP et consorts... Sad but true !  :non:

answer
n°37
Kianzo
Profil : Penguin Pro
Avatar
profil
Posté le 26-04-2006 à 17:28:33  
 

Bonjour,

 

Une question :smile:

 

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 :ouch:

answer
n°38
leprogr
Profil : Penguin
Avatar
profil
Posté le 26-04-2006 à 17:57:38  
 

Personne ne peu m'aider?

answer
n°39
TheGuit
Alcogeek
Profil : Admin
Avatar
profil
Posté le 26-04-2006 à 18:32:38  
 

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.

answer
n°40
Frenetik
Profil : Top Penguin
Avatar
profil
Posté le 26-04-2006 à 18:38:51  
 

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 ...

answer
n°41
Floflu
Profil : New Penguin
Avatar
profil
Posté le 26-04-2006 à 18:55:40  
 

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 !

answer
n°42
TheGuit
Alcogeek
Profil : Admin
Avatar
profil
Posté le 26-04-2006 à 19:04:33  
 

Citation :

Bonjour,

 

Une question :smile:

 

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 :ouch:

 

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 :smile:

 

Il existe une methode mais elle ne se met pas a jour sous opera : http://edu.ca.edu/article207.html

answer
n°43
TheGuit
Alcogeek
Profil : Admin
Avatar
profil
Posté le 26-04-2006 à 19:34:11  
 

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.

answer
n°44
Kianzo
Profil : Penguin Pro
Avatar
profil
Posté le 26-04-2006 à 19:52:09  
 

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 :smile:

 

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... :fouet: )

answer
n°45
TheGuit
Alcogeek
Profil : Admin
Avatar
profil
Posté le 26-04-2006 à 20:02:34  
 

Nan je n'est pas tester IE7 j'ai pas Windows Xp donc je peux pas le mettre chez moi.

answer
n°46
juju666
Profil : Top Penguin
Avatar
profil
Posté le 26-04-2006 à 20:13:09  
 

Pour aligne un site il y a quelque chose de très symple :smile:

 

Mets ceci dans le css a l'id body:

 

HTMLbody {
margin: auto;
text-align: center
}

 

Voila ton design centre

answer
n°47
leprogr
Profil : Penguin
Avatar
profil
Posté le 26-04-2006 à 20:42:56  
 

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

answer
n°48
TheGuit
Alcogeek
Profil : Admin
Avatar
profil
Posté le 27-04-2006 à 01:13:39  
 

ben sur ton site la tu doit mettre dans ton css tout au début :
HTML*{margin:0;padding:0;}

answer
n°49
leprogr
Profil : Penguin
Avatar
profil
Posté le 27-04-2006 à 10:28:47  
 

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

answer
n°50
TheGuit
Alcogeek
Profil : Admin
Avatar
profil
Posté le 28-04-2006 à 03:12:39  
 

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.

answer
 Page :  1  2  3  4  5  ..  100  101  102  103  104  105

Aller à :
Ajouter une réponse