Empecher le "scroll" horizontal ?

Résolu/Fermé
Newhope Messages postés 7 Date d'inscription vendredi 5 janvier 2007 Statut Membre Dernière intervention 9 janvier 2007 - 8 janv. 2007 à 18:04
Newhope Messages postés 7 Date d'inscription vendredi 5 janvier 2007 Statut Membre Dernière intervention 9 janvier 2007 - 9 janv. 2007 à 00:49
Coucou, j'avance à grand pas dans mon site (c'est tellement fun que j'y consacre tout mon temps libre !)

Là je bute depuis un bon bout de temps sur un problème de taille et malgrès les tutorials trouvés par google je ne comprend pas comment désactiver le scrolling horizontal, voyez plûtot ces images :

http://img406.imageshack.us/img406/9413/clipboard01mq8.jpg

http://img299.imageshack.us/img299/4372/clipboard02wb1.jpg

L'idée donc est d'empecher de faire défiler vers la droite qui amene à la 2e image ci-dessus.



Encore un autre truc en rapport avec le scrolling mais qui me fache beaucoup moins, c'est mon menu situé à gauche de l'écran avec la fonction php include, impossible de le rendre fixe dans l'image et j'ai lu pas mal de tutoriaux là aussi.

Merci beaucoup à ceux qui auraient des débuts de piste ce serait d'un grand secours !!!
A voir également:

5 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
8 janv. 2007 à 23:40
“il n'y a pas à s'inquieter”
sauf pour la quantité d'octets que ça représente et qu'il faut charger rien que pour le fond.

“empecher de faire défiler vers la droite”
Supprime
background-attachment: fixed;
et le fond bougera avec.
3
Newhope Messages postés 7 Date d'inscription vendredi 5 janvier 2007 Statut Membre Dernière intervention 9 janvier 2007 1
9 janv. 2007 à 00:49
Oulah je m'attendais pas à une reponse si rapide ^^

Je viens de la supprimer et je pensais apporter la réponse telle un messie mais je vois qu'un envoyé de dieu m'a déjà précédé xD Merci Gihef ^^

Voici le code en tout cas :

---------------------------------------------------------------


<html>
<head>



<style type="text/css">
<!--
body {
background-image: url(../1280/Images/Ragnarok1280.jpg);
background-repeat: no-repeat;

}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>







<title>Tana.GotDns.org</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<table width="1200" height="780" border="0" cellpadding="0" cellspacing="0">




<tr>
<td height="150"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="600" height="150" hspace="300">
<param name="movie" value="Images/Titre.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="Images/Titre.swf" width="600" height="150" hspace="300" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object></td>
</tr>




<tr>
<td height="421"><img src="Images/Payon256.jpg" width="256" height="345" hspace="150" vspace="0" align="right"></div></td>
</tr>
<tr>
<td height="185"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="600" height="150" align="right">
<param name="movie" value="Images/Legend.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="Images/Legend.swf" width="600" height="150" align="right" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object></td>
</tr>
</table>
</head>
</body>

</html>


Voici le rendu : http://img161.imageshack.us/img161/2388/clipboard01fb8.jpg


---------------------------------------------------------------------------

Gihef (lundi 8 janvier 2007 à 23:40:46)

“il n'y a pas à s'inquieter”
sauf pour la quantité d'octets que ça représente et qu'il faut charger rien que pour le fond.

C'est un peu obligé si l'on prend une image en fond d'écran non? et puis jpg ça reste léger quand même. Je prévois de mettre du preloading ensuite ^^

1
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
8 janv. 2007 à 22:31
Bonjour,

Ça serait plus facile si on pouvait accéder à la page plutôt qu'à une image.
Comment est construite la page ?
Donne au moins le code HTML et CSS.

On peut peut-être quand même te conseiller de commencer par réduire la taille de l'image de fond.
0
Ou de laisser la barre de défilement car si tu fais un site en 1280, ça craint :-)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Newhope Messages postés 7 Date d'inscription vendredi 5 janvier 2007 Statut Membre Dernière intervention 9 janvier 2007 1
8 janv. 2007 à 23:36
Oui pardon voici le code

<html>
<head>



<style type="text/css">
<!--
body {
background-image: url(../1280/Images/Ragnarok1280.jpg);
background-attachment: fixed;
background-repeat: no-repeat;

}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>







<title>Tana.GotDns.org</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<body tracingsrc="Images/Ragnarok1280.jpg" tracingopacity="100"><div align="center">
</div>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="600" height="150" hspace="340">
<param name="movie" value="Images/Titre.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="Images/Titre.swf" width="600" height="150" hspace="340" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>




<a href="https://www.youtube.com/watch?v=_Q232mbtbGE"><img src="Images/Rukia256.jpg" width="256" height="205" hspace="800" vspace="0" border="0" align="justify"></a>




<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="600" height="150" hspace="600">
<param name="movie" value="Images/Legend.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="Images/Legend.swf" width="600" height="150" hspace="600" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>



</head>
</body>

</html>



J'ai fais un script qui renvoie selon la résolution en 1024, 1168 et 1280 à ce niveau là il n'y a pas à s'inquieter
0