Sujet Précédent Sujet Suivant

Backgroud qui s'adapte aux résolutions.

Fermé
Theophile76 Messages postés 1817 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 - Modifié par Theophile76 le 17/10/2010 à 07:59
bg62 Messages postés 23667 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 10 janvier 2025 - 19 oct. 2010 à 17:33
Bonjour,
je suis en train de créer un site et j'ai un problème au niveau de l'image de font.
En fait je voudrais que l'image s'adapte à toute les résolutions sans déformation.
Bien sur si elle n'est pas déformer elle sera surement recadrer mais c'est moins grave.
Je voudrais un font qui ne bouge pas quand on fait défiler la page.
J'ai test un truc de ce genre mais ça fonctionne pas partout et ça fait lag ... 
body  
{  
 background-image:url(cata.jpg);   
 background-position:center;  
 background-position:top;  
 background-repeat:no-repeat;  
 background-size:cover;  
 background-attachment:fixed;  
}


Merci de votre aide ;)



On s'ennuie pas avec l'informatique :)

3 réponses

Réponse 1 / 3
Theophile76 Messages postés 1817 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 372
Modifié par Theophile76 le 17/10/2010 à 09:28
Ok j'ai trouvé ceci mais ça lag quand je fais défiler, c'est à cause du "fixed", vous savez si il y a un moyen pour que ça ne lag pas ? 

body 
{ 
 font-family:arial, verdana, sans-serif; 
 font-size:12px; 
 background-color:#0D0D0D; 
 margin:0; 
 padding:0; 
 border0; 
 height:100%; 
 width:100%; 
} 

.font 
{ 
 margin:0; 
 padding:0; 
 border:0; 
 position:absolute; 
 height:100%; 
 width:100%; 
 z-index:0; 
 position:fixed; 
} 


div#principale 
{ 
 width:1000px; 
 border:#300; 
 border-style:solid; 
 border-width:5px; 
 padding:5px; 
 background-color:#000; 
 position:relative; 
 z-index:1; 
} 

<div class="font"> 
   <img src="cata.jpg" width="100%" height="100%" border="0"> 
</div>

De plus j'ai un j'ai un div mal cadré vide qui aparait sous IE avec cette technique.
On s'ennuie pas avec l'informatique :)
0
Réponse 2 / 3
bg62 Messages postés 23667 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 10 janvier 2025 2 392
17 oct. 2010 à 18:53
si tu places une petite image qui va se répéter, pas de problèmes, mais le mieux est quand même une couleur ...
ton cata.jpg il fait quoi comme dimensions ?
:-)
0
Réponse 3 / 3
Theophile76 Messages postés 1817 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 372
19 oct. 2010 à 02:06
Merci mai je voudrais une image.
En fait je voudrais juste une image du font, placé sur le haut et qui fait la largeur de la taille de l'écran de l'utilisateur.
0
bg62 Messages postés 23667 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 10 janvier 2025 2 392
19 oct. 2010 à 09:38
et comment connais-tu la taille de l'écran de chaque utilisateur ????
0
Theophile76 Messages postés 1817 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 372
19 oct. 2010 à 16:46
bein j'sais pas genre avec un 100% sur le width
0
bg62 Messages postés 23667 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 10 janvier 2025 2 392
19 oct. 2010 à 17:33
pour une toute petite image qui se répète, oui ...
0

Discussions similaires

qui c'est ? Retrace svp aidez moi
grturie -
Flysre -

2 réponses
Excel ajustement auto taille de la cellule
Mélanie -
Elisabeth -

22 réponses
ajuster hauteur des cellules excel au texte ?
TOT127 -
Mst -

11 réponses
Problème de résolutions
DamienML -
DamienML -

5 réponses
WP responsive qui s'adapte pas aux smartphones
yonyox -
yonyox -

2 réponses