WEBACAPELLA- Background bonne taille....
MatmaxOfficiel
Messages postés
656
Date d'inscription
Statut
Membre
Dernière intervention
-
MatmaxOfficiel Messages postés 656 Date d'inscription Statut Membre Dernière intervention -
MatmaxOfficiel Messages postés 656 Date d'inscription Statut Membre Dernière intervention -
Bonsoir les webmasters et tout ce qui l'en suit ! Donc voilà mon problème c'est que je cherche à mettre mon background à la bonne taille pour qu'il s'affiche pleinement sur tout l'espace de mon site mais je n'arrive pas à régler se problème enfin je cherche à modifier l'image mais c'est soit trop long ou trop large ou trop petit. Voilà, j'utilise Webacapella 4 !
http://www.matmaxevenement.com/
Merci d'avance pour votre aide, cordialement MatmaxOfficiel !
http://www.matmaxevenement.com/
Merci d'avance pour votre aide, cordialement MatmaxOfficiel !
A voir également:
- WEBACAPELLA- Background bonne taille....
- Comment réduire la taille d'un fichier - Guide
- Reduire taille image - Guide
- Afficher taille dossier windows - Guide
- Taille clavier iphone - Guide
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
5 réponses
Bonsoir,
Avec le type d'image que tu utilises, tu ne pourras pas faire qu'elle soit extensible sur toute la largeur d'un écran supérieur à 800 pixels de résolution, et pour cause l'image fait 1280px de hauteur par 800px de largeur :
Il faut utiliser une image "extensible" ou bien utiliser une image différente pour tous types de résolutions supérieures à 800 pixels ce qui devient vite ingérable même en faisant une détection par javascript ou autre...
D'autre part, même si ça ne va pas résoudre immédiatement ton problème de background, tu peux alléger le code CSS du body comme suit (ce n'est pas de ta faute, c'est le comportement de Webacappella!) :
P.S. : Webacappella produit un style CSS lourd et répétitif comme par exemple :
Avec le type d'image que tu utilises, tu ne pourras pas faire qu'elle soit extensible sur toute la largeur d'un écran supérieur à 800 pixels de résolution, et pour cause l'image fait 1280px de hauteur par 800px de largeur :
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url('black_texture_escala_gris.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #2c2c2c;
}
Il faut utiliser une image "extensible" ou bien utiliser une image différente pour tous types de résolutions supérieures à 800 pixels ce qui devient vite ingérable même en faisant une détection par javascript ou autre...
D'autre part, même si ça ne va pas résoudre immédiatement ton problème de background, tu peux alléger le code CSS du body comme suit (ce n'est pas de ta faute, c'est le comportement de Webacappella!) :
body {
margin: 0;
background: #2c2c2c url('black_texture_escala_gris.jpg') no-repeat fixed;
}
P.S. : Webacappella produit un style CSS lourd et répétitif comme par exemple :
<div id='is-global-layer' class='wa-main-page-contenair' style='position:relative;z-index:200;top:0px;width:1000px;;text-align:left;margin:0 auto;'>Voilà ce que j'ai pu tirer de ton code source pour t'aider dans ton problème...
Une image extensible c'est une lamelle de hauteur infini à 300 px que tu mettrais à répétitif de gauche à droite ou de droite à gauche pour voir un fond unis c'est ça?
C'est tout-à-fait ça, tu as bien compris!
Il faudra penser à modifier le code CSS du body qui devrait ressembler à ceci :
Il faudra penser à modifier le code CSS du body qui devrait ressembler à ceci :
body {
margin: 0;
background: #2c2c2c url('texture.jpg') repeat top left;
}
Sachant que si on ignore le "top left", ça sera le comportement par défaut!
Salut
Sinon il y a background-size:cover (avec un commentaire conditionnel pour IE8 et moins) si on veux vraiment une image non répétée.
Sinon il y a background-size:cover (avec un commentaire conditionnel pour IE8 et moins) si on veux vraiment une image non répétée.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question