Rechercher : dans
Par :

Empecher le "scroll" horizontal ?

Dernière réponse le 9 jan 2007 à 00:49:21 Newhope, le 8 jan 2007 à 18:04:55 
 Signaler ce message aux modérateurs

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 !!!

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « Empecher le "scroll" horizontal ? » dans :
[Webmaster] Empêcher la copie de mes images (et autres) VoirA tous ceux qui veulent empêcher la copie de leurs images, leurs créations, leurs vidéos, leurs articles, etc... Je veux empêcher les autres de copier mes images et mes pages HTML. Comment faire ? Réponse: C'EST IMPOSSIBLE Il n'existe aucun...
[Excel] Trier sur les lignes (horizontalement), non les colonnes VoirMicrosoft Excel est configuré par défaut pour réaliser un tri sur les colonnes (Données / Trier). Pour trier les données horizontalement, il suffit de sélectionner les données à trier, puis de cliquer sur le bouton Options et, dans le panneau...

1

Gihef, le 8 jan 2007 à 22:31:14

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.
 

Répondre à Gihef

2

king, le 8 jan 2007 à 22:43:00

Ou de laisser la barre de défilement car si tu fais un site en 1280, ça craint :-)

Répondre à king

3

Newhope, le 8 jan 2007 à 23:36:38

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

Répondre à Newhope

4

Gihef, le 8 jan 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.

“empecher de faire défiler vers la droite”
Supprime

background-attachment: fixed;
et le fond bougera avec.  

Répondre à Gihef

5

 Newhope, le 9 jan 2007 à 00:49:21

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 ^^

Répondre à Newhope
Collection CommentÇaMarche.net