La Communauté Webmaster  forum rss


  Forum-webmaster
  Webdesign / graphisme
  Webdesign
(Modérateurs: Shain, Lilian, lauryv, ToToMaStEr)
  Taille proportionnel
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Taille proportionnel  (Lu 1371 fois)
Taille proportionnel
« sur: le 06-07-2011 a 01:01:47 »
l-LoVeR-l
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil    E-Mail
Répondre avec citation

Bonjour à tous
Tout d'abord voilà mon site: http://team-esf.fr
Je viens de le créer j'essaie de personnaliser mon template mais je me suis aperçu que la taille était fixe et donc qu'on ne voyez pas la même chose en fonction de la taille de son écran d'ordi... (d'ou ce background horrible qui me permet de savoir ce que voyent mes collègues...^^)
Quelqu'un peu m'aider? 

J'ai lu sur certains forum qu'il existe des % pour les weigth tout ça mais je comprends pas grand chose à la programmation donc je n'y arrive pas par moi-même!

Rapporter au modérateur  

Re:Taille proportionnel
« Répondre #1 sur: le 06-07-2011 a 01:34:11 »
lukos
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 357



Webdesigner Junior

Voir le Profil
Répondre avec citation

Les tailles fixes sont des classiques sur le web, les designs extensibles (avec les % etc comme tu dis) sont bien plus durs a mettre en place et sont souvent... moins "graphiques" (il y a des exceptions bien sur ^^)

C'est ton background qui est le problème? Déjà il n'est pas centrer. MOI ce que je fais ressemble grosso modo a ça (c'est en CSS)
body{
      background: url(imagedefond.jpg)repeat-x;
      width:100%;
      height:1280px;
      margin: 0 auto;
                background-color: #999999
}
Explications:
Background->image de fond (dégradé basique de 1px de largeur sur 1280px de hauteur) répétée en X (horizontal) pour remplir tout l'espace

Width->largeur de 100%, prend tout l'espace (combiné avec background pour l'image du fond)

height->taille maximum de tes éléments (div et autres)

margin->0 en hauteur (pour le placer collé au navigateur) auto (pour le placer au milieu en horizontal)

background-color->couleur de fond en DEHORS de la résolution de ton image (ici 1280px, pour les portables 15") elle DOIT être la dernière couleur de ton dégradé (tout en bas) pour ne pas avoir de démarcation avec le reste du site (ça se voit plus que trop)


En gros voilà le topo, de toute façon s'adapter a toutes les résolutions est quasi impossible, avec l'explosion du marché des netbooks (écrans petits, et au début résolutions petites) et ceux des iMacs (genre 27"... énormeee)

Rapporter au modérateur  

Skype: lukoos.zluglu
Site: *En Création*
Re:Taille proportionnel
« Répondre #2 sur: le 06-07-2011 a 01:37:35 »
l-LoVeR-l
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil    E-Mail
Répondre avec citation

Ok d'accord mais ça c'est que si je veux faire un dégradé si j'ai bien compris si je veux mettre une image de fond comment faire?

Rapporter au modérateur  
Re:Taille proportionnel
« Répondre #3 sur: le 06-07-2011 a 02:14:23 »
lukos
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 357



Webdesigner Junior

Voir le Profil
Répondre avec citation

et bien tu place cette fameuse image dans ton ftp, avec un chemin d'accès relatif ou absolu entre les "( )" dans ta fonction background en css

Rapporter au modérateur  

Skype: lukoos.zluglu
Site: *En Création*
Re:Taille proportionnel
« Répondre #4 sur: le 06-07-2011 a 02:15:22 »
l-LoVeR-l
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil    E-Mail
Répondre avec citation

Ok je vais essayer merci bien

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg