Code CSS incompatibles navigateurs
Agatowin
-
lusitanio Messages postés 142 Date d'inscription Statut Membre Dernière intervention -
lusitanio Messages postés 142 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'essaye désespérément de mettre une simple image en fond pour une première page, juste une image, sans texte. Je veux juste qu'elle soit centrée verticalement et horizontalement. Quelque soit la définition de l'écran, si on scroll, qu'elle bouge en même temps et reste centrée. J'aimerai également que sa taille reste la même quelque soit le navigateur sur lequel on est.
Please, un code pour m'aider sachant qu'à l'heure actuelle, j'ai viré mes codes car aucun ne fonctionne et que la seule chose qui me reste est : "/image/premiere.jpg".
J'avais presque réussis avec un background, mais il ne fonctionnait que sur firefox.
(Mon html contient le code : <img src="/image/premiere.jpg" alt="alternativtext" />
code que je peux bien entendu modifier. A l'heure qu'il est, l'image apparait belle et bien sur le site, mais à la manière des navigateurs.
Merci d'avance pour vos réponses.
J'essaye désespérément de mettre une simple image en fond pour une première page, juste une image, sans texte. Je veux juste qu'elle soit centrée verticalement et horizontalement. Quelque soit la définition de l'écran, si on scroll, qu'elle bouge en même temps et reste centrée. J'aimerai également que sa taille reste la même quelque soit le navigateur sur lequel on est.
Please, un code pour m'aider sachant qu'à l'heure actuelle, j'ai viré mes codes car aucun ne fonctionne et que la seule chose qui me reste est : "/image/premiere.jpg".
J'avais presque réussis avec un background, mais il ne fonctionnait que sur firefox.
(Mon html contient le code : <img src="/image/premiere.jpg" alt="alternativtext" />
code que je peux bien entendu modifier. A l'heure qu'il est, l'image apparait belle et bien sur le site, mais à la manière des navigateurs.
Merci d'avance pour vos réponses.
A voir également:
- Code CSS incompatibles navigateurs
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Code blocks - Télécharger - Langages
10 réponses
Le plus simple est que tu donne ton code en entier.
Je sais par expèrience récente que ie n'aime pas les no-repeat dans le css pour les background image,
ensuite pour ce qui concerne.
Dans le html tu a visiblement oublier de spécifier la taille et la hauteur de ton image ex:
<img src="/image/premiere.jpg" alt="alternativtext" width="500" height="200"/>
pour la largeur et la hauteur (en px) a toi de voir.
Je sais pas si ça peut t'aider...
Je sais par expèrience récente que ie n'aime pas les no-repeat dans le css pour les background image,
ensuite pour ce qui concerne.
Dans le html tu a visiblement oublier de spécifier la taille et la hauteur de ton image ex:
<img src="/image/premiere.jpg" alt="alternativtext" width="500" height="200"/>
pour la largeur et la hauteur (en px) a toi de voir.
Je sais pas si ça peut t'aider...
Salut.
fait un tour sur ce site, je pense que tu trouveras ce que tu cherche :
http://css.mammouthland.net/image-de-fond-background-css.php
Bon courage.
fait un tour sur ce site, je pense que tu trouveras ce que tu cherche :
http://css.mammouthland.net/image-de-fond-background-css.php
Bon courage.
Bonjour, les background j'avais déjà fais, c'était même celui qui donnait un résultat positif, sauf que ça ne marchait pas sur tous les navigateurs. Ce que je comprends pas, c'est comment faire pour que l'image ne change pas.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>TDMC se fait tricoter</title>
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<img src="/image/premiere.jpg" alt="alternativtext" width="800" height="600"/>
</head>
</body>
</html>
CSS (le dernier code que j'ai essayé).
#page {
position:absolute;
left: 50%;
top: 50%;
width: 770px;
height: 500px;
margin-top: -250px;
margin-left: -385px;
border: 1px solid #000;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>TDMC se fait tricoter</title>
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<img src="/image/premiere.jpg" alt="alternativtext" width="800" height="600"/>
</head>
</body>
</html>
CSS (le dernier code que j'ai essayé).
#page {
position:absolute;
left: 50%;
top: 50%;
width: 770px;
height: 500px;
margin-top: -250px;
margin-left: -385px;
border: 1px solid #000;
}
margin-top: -250px; margin-left: -385px;
font que cela peut changer selon la résolution de l'écran qui va 'lire' ..
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
...et avec une position relative au lieu d'absolu et avec in min-width et min-height, sa serait pas mieux?
enfin, je suis pas expert mais chez moi ça marche bien!
enfin, je suis pas expert mais chez moi ça marche bien!
<img src="/image/premiere.jpg" alt="alternativtext" width="800" height="600"/>
ne doit pas être dans le 'head' et ton "body' n'est même pas ouvert .... !!!
ne doit pas être dans le 'head' et ton "body' n'est même pas ouvert .... !!!
Donc où dois-je mettre les tailles ? Je veux bien ne pas les mettre dans head, mais alors où ?
De plus, mon body n'est pas ouvert, je ne sais pas trop ce que ça veut dire, je débute, c'est la premiere que je fais un site, j'image que c'est une histoire de guillemets ?
merci
De plus, mon body n'est pas ouvert, je ne sais pas trop ce que ça veut dire, je débute, c'est la premiere que je fais un site, j'image que c'est une histoire de guillemets ?
merci
mon body n'est pas ouvert
ce sont des balises, il faut les ouvrir puis les fermer ...
regarde dans les 'astuces' en haut de page .... tu auras tous les tutoriaux pour démarrer ...
C'est déjà fait, et si j'avais réussis à obtenir ma réponse je ne posterai pas. Est ce qu'il est possible de simplement me donner ma réponse puisqu'apparemment tout le monde l'a sauf moi .
ça aussi :
https://forums.commentcamarche.net/forum/affich-37585659-les-balises-dans-la-partie-head
??? faut pas pousser quand même ...
https://forums.commentcamarche.net/forum/affich-37585659-les-balises-dans-la-partie-head
??? faut pas pousser quand même ...
