Titre: Taille proportionnel
Posté par: l-LoVeR-l le le 06-07-2011 a 01:01:47
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! |
Titre: Re:Taille proportionnel
Posté par: lukos le le 06-07-2011 a 01:34:11
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)
|
Titre: Re:Taille proportionnel
Posté par: l-LoVeR-l le le 06-07-2011 a 01:37:35
| 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? |
Titre: Re:Taille proportionnel
Posté par: lukos le le 06-07-2011 a 02:14:23
| 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 ;) |
Titre: Re:Taille proportionnel
Posté par: l-LoVeR-l le le 06-07-2011 a 02:15:22
| Ok je vais essayer merci bien |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|