Auteur Sujet: Problème mise en forme HTML  (Lu 3028 fois)

0 Membres et 1 Invité sur ce sujet

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Problème mise en forme HTML
« le: 23 novembre 2007 à 09:33:28 »
Bonjour ^^

Voilà donc mon petit problème.

Je souhaiterais que l'affichage des images présentes en fond pour le BDD, soit adaptée à chaque résolution utilisateur.

Que je m'explique : actuellement, les images implémentées sont adaptée à un usage en 1280*1024 ou encore à la rigueur du 1440*900, cependant, les utilisateurs bénéficiants de résolutions plus hautes (ou pourquoi pas, plus faibles) n'ont pas l'affichage deu fond correct, l'image n'est pas totallement visible (résolution < 1280*1024) soit l'image se répete en hauter et en largeur (résolution > 1280*1024).
Donc j'aimerais pouvoir faire en sorte que l'image s'adapter automatiquement à la résolution choisie par l'utilisateur.

J'ai déjà tenté avec un script, mais ça n'a pas été très concluant  :(.

 :thx:
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #1 le: 23 novembre 2007 à 15:59:20 »
Avancement : j'ai réussi à faire en sorte que l'image ne se répète pas, mais, à la place d'une répétition il y'aura du vide (donc du blanc pas beau) pour les résolutions elevées... Je travail encore dessus  :lol3:
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #2 le: 23 novembre 2007 à 17:38:11 »
Bas c'est la base ça. Et c'est pas dans le xhtml que sa se passe mais dans ton css. Change l'unité de tes images: au lieu de px tu mets des pourcentages. Seulement sa va s'étirer et pas être beau du tout pour les plus grandes résos. L'astuce c'est de mettre une plus grande image (genre 1600*1200) mais va y'avoir un peu d'aliasing au rétricicement.

Ou alors tu fais un script (php tu dois pouvoir ou mieux en js) qui récupére la réso de ton utilisateur et tu lui attributs l'image qui correspond. ( tu up plein de taille différentes :))
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #3 le: 23 novembre 2007 à 21:00:21 »
Solution alternative : je propose une page d'acceuil, avec, au choix, la résolution qui convient à tout le monde, c'est une alternative des + simple à mettre en place  :fumette:
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #4 le: 23 novembre 2007 à 21:37:17 »
C'est pas ergonomique du tout :/ meilleur choix : tu fais comme tout le monde tu passes aux fond unis :)
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #5 le: 23 novembre 2007 à 22:14:59 »
Oué mais les fonds unis je trouve que c'est, comment dire, j'aime pas  :kk:
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #6 le: 23 novembre 2007 à 22:18:34 »
Bas tu peux faire un fond uni mais des div arrondi etc pour faire un joulie diz :)
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #7 le: 23 novembre 2007 à 22:25:52 »
Oué là j'suis déjà plus d'accord avec toi  :fumette:
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #8 le: 23 novembre 2007 à 22:27:00 »
Montre le code de ta bdd que jvois comment tu nous à pondu sa :)
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #9 le: 24 novembre 2007 à 21:27:37 »
 :UP: :up:
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #10 le: 25 novembre 2007 à 11:56:58 »
Mon code est des plus banal  :lol:
Disons que j'ai pas envie de me prendre la tête à traiter ça d'une façon trop complexe, le plus simple possible et c'est tout aussi efficace  :respect:
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #11 le: 25 novembre 2007 à 12:43:23 »
Ouai euh banal xD. déjà tu utilises des tableaux td; tr?
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #12 le: 25 novembre 2007 à 12:55:00 »
Ouep pour les tableaux, td, tr et th
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #13 le: 25 novembre 2007 à 12:56:02 »
En gros t'aurai fait un tableau sous excel tu prenais un screenshot et c'était aussi simple xD
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #14 le: 25 novembre 2007 à 12:57:28 »
Oué, mais là ç'aurait été trop facile  :lol3:

Et les tableaux sont déjà dispo avec beaucoup d'entrée, seulement j'affiche pas tout, juste au fur et à mesure
J'allais poas me casser la tête à ré-écrire la ligne à chaque fois quand même  :mua:
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #15 le: 25 novembre 2007 à 12:59:00 »
hum j'ai pas tout compris mais c'est pas grave ^^. T'aurais du demander au début :)
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #16 le: 25 novembre 2007 à 13:23:18 »
De ?

Nan cque j'voulais faire ct mettre en fond, une image, mais je laisse finalement le fond uni, je me casse moins la tête ^^
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #17 le: 25 novembre 2007 à 14:07:34 »
Ok d'oki.


ps : c'est quoi tes connaissances en programmation web?
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #18 le: 25 novembre 2007 à 21:46:48 »
Si jte dis, 1ère année de licence mathématiques / informatique  :lol3:
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #19 le: 25 novembre 2007 à 21:48:13 »
Sa m'avance pas ;) tu pourrais très bien faire du C ou C# ou tout autre langages compilé et ne pas connaitre le moindre bout de code d'xhtml/css php ;)
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #20 le: 25 novembre 2007 à 21:52:53 »
J'ai fait du C, un peu de C++, du HTML mais on a pas vu le CSS (mais j'ai un bon bouqin la dessus, assez complet et vraiment utile)
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #21 le: 25 novembre 2007 à 21:55:09 »
Mmh oki :/ Dis moi que par html tu sous entends xhtml sinon jtassasine :p
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #22 le: 25 novembre 2007 à 21:57:13 »
 :mua:

Du xhtml je te rassure ^^
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...


Hors ligne Goten

  • VIP
  • Hardcore gamer
  • *****
  • Messages: 7883
  • Amd overclocker
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #23 le: 25 novembre 2007 à 22:21:27 »
Bon sa va sinon jte scarifiais W3C sur le torse xD :X
Rig 1 :                                          Rig 2 :
-Gigabyte GA-790FX-DQ6             -Dfi lanparty nf4 ultra-D (dead)
-Phenom 965BE @3.4ghz                 -athlon 3700+@3.1ghz
-2*1go gskill pc 8500hk                  -athlon 3500+@2.5ghz                       
-Corsair hx620W                            -Phenom 9600 BE @2.7ghz
-Watercooling cpu : full swiftech       -1*HD 2900XT 1go (dead)
                                                   -2*512mo ocz vx gold edition

Hors ligne Alf

  • Moderateur
  • Campeur
  • ****
  • Messages: 4014
    • Voir le profil
Re : Problème mise en forme HTML
« Réponse #24 le: 25 novembre 2007 à 22:23:05 »
Quelle barbarie  :joker:
Laptop : Toshiba A500 1-GL => Intel Core I3 330 @ 2.13GHz - Nvidia GT 330M 1Go DDR3 - 4Go DDR3 PC8500 - DD 500GO Sata - Ecran 16" LED - Windows 7 x64

Gaming : PS3 + 38 jeux / X360 + 12 jeux / PS2 + 8 jeux / PSP + xxx jeux... Powered on Sony KDL 37V5500...