Les Allergies
Alimentaires
Posez votre question Signaler

Empecher le "scroll" horizontal ? [Résolu]

Newhope 7Messages postés 5 janvier 2007Date d'inscription - Dernière réponse le 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 !!!
Lire la suite 

Empecher le "scroll" horizontal »

5 réponses
Réponse
+2
moins plus
“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.
Ajouter un commentaire
Réponse
+1
moins plus
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://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" 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://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" 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 ^^

Ajouter un commentaire
Réponse
+0
moins plus
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.
Ajouter un commentaire
Réponse
+0
moins plus
Ou de laisser la barre de défilement car si tu fais un site en 1280, ça craint :-)
Ajouter un commentaire
Réponse
+0
moins plus
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://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>




<a href="http://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://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" 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
Ajouter un commentaire
Ce document intitulé « Empecher le "scroll" horizontal ? » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?