Pb css: je veux fixer un élément
Résolu
je suis en galère
-
Okarels -
Okarels -
Bonjour, je voudrais faire quelque chose que je n'arrive pas à faire:
C'est que un élément d'une page web (par exemple une table verte) reste toujours à la même position malgrès qu'on utilise la barre de défilement (vous pouvez voir un exeple ici : http://unspace.ca/
Voici mon code (appelé 1.html) que vous pouvez faire copie-coller:
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
<span style='position:absolute;left:50%;top:50%;'>
<table border='1' bgcolor='green'>
<tr>
<td height='200' width='200'>
</td>
</tr>
</table>
</span>
AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>
AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>
AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>
</body>
</html>
C'est que un élément d'une page web (par exemple une table verte) reste toujours à la même position malgrès qu'on utilise la barre de défilement (vous pouvez voir un exeple ici : http://unspace.ca/
Voici mon code (appelé 1.html) que vous pouvez faire copie-coller:
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
<span style='position:absolute;left:50%;top:50%;'>
<table border='1' bgcolor='green'>
<tr>
<td height='200' width='200'>
</td>
</tr>
</table>
</span>
AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>
AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>
AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>
</body>
</html>
A voir également:
- Pb css: je veux fixer un élément
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
7 réponses
Salut, comme tu ne dis pas quel élément doit être fixe c'est un peu dur de faire une réponse précise.
Néanmoins je pense que c'est en css que se situe la solution :
Il te faut appliquer un :
à ton élément.
@ pluche.
Fab.
Néanmoins je pense que c'est en css que se situe la solution :
Il te faut appliquer un :
background-attachment:fixed;
à ton élément.
@ pluche.
Fab.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut et merci pour ta réponse faboons.
En fait, ce qui doit étre fixe, c'est le tableau vert décrit dans le code par:
<span style='position:absolute;left:50%;top:50%;'>
<table border='1' bgcolor='green'>
<tr>
<td height='200' width='200'>
</td>
</tr>
</table>
</span>
Et tu m'as dis que je dois utiliser le code background-attachment:fixed;
Peut-tu me monter comment tu inseres ce background-attachment:fixed; dans mon code svp
Merci d'avance.
En fait, ce qui doit étre fixe, c'est le tableau vert décrit dans le code par:
<span style='position:absolute;left:50%;top:50%;'>
<table border='1' bgcolor='green'>
<tr>
<td height='200' width='200'>
</td>
</tr>
</table>
</span>
Et tu m'as dis que je dois utiliser le code background-attachment:fixed;
Peut-tu me monter comment tu inseres ce background-attachment:fixed; dans mon code svp
Merci d'avance.
Je ne suis pas chez moi, donc pas sûr que ça produira le bon résultat, néanmoins ça devrait donner ça :
Autre question pourquoi as-tu mis des guillemets simples dans ton code ?
J'ai fait comme toi mais je ne sais pas si ça marchera.
Je regarderi de plus près quand je serai chez moi.
Bon courage.
@ pluche.
Faboons.
<span style='position:absolute;left:50%;top:50%;'> <table border='1' style='background-color:green; background-attachment:fixed;'> <tr> <td height='200' width='200'> </td> </tr> </table> </span>
Autre question pourquoi as-tu mis des guillemets simples dans ton code ?
J'ai fait comme toi mais je ne sais pas si ça marchera.
Je regarderi de plus près quand je serai chez moi.
Bon courage.
@ pluche.
Faboons.
Salut!
Il me semble que la solution à ton problème pourrait être ici: http://fr.selfhtml.org/css/misesenpage/domainefixe.htm#fixe_ie .
En utilisant l'adaptation à IE (http://fr.selfhtml.org/css/misesenpage/domainefixe.htm#definir ), tu arriverais à fixer ton élément dans pas mal de navigateurs.
Bonne chance!
Il me semble que la solution à ton problème pourrait être ici: http://fr.selfhtml.org/css/misesenpage/domainefixe.htm#fixe_ie .
En utilisant l'adaptation à IE (http://fr.selfhtml.org/css/misesenpage/domainefixe.htm#definir ), tu arriverais à fixer ton élément dans pas mal de navigateurs.
Bonne chance!
