Flux rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Empecher le "scroll" horizontal ?

Newhope, le lundi 8 janvier 2007 à 18:04:55
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
Répondre à Newhope  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le lundi 8 janvier 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
king, le lundi 8 janvier 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Newhope, le lundi 8 janvier 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le 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.

“empecher de faire défiler vers la droite”
Supprime
background-attachment: fixed;
et le fond bougera avec.  
   
Répondre à Gihef

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Newhope, le mardi 9 janvier 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
Posez votre question Répondre
Scrolling horizontal pour myspace (Résolu)Bonjour, tout est dans le titre je voudrais afficher ma page myspace en scroll horizontale uniquement donc en supprimant le scroll verticale pour un effet gallery naviguant seulement de gauche a droite le tout en code html si cela est possible merci www.commentcamarche.net/forum/affich-8068665-scrolling-horizontal-pour-myspace
Supprimer Scrolling horizontal (Résolu)Bonjour, J'ai actuellement ce code : scrolling=auto Mais je ne voudrais pas de barre de scroll horizontal mais conserver la barrz verticale. Si vous avez une solution, je suis preneur Merci à vous www.commentcamarche.net/forum/affich-5755589-supprimer-scrolling-horizontal
Trust Multimedia Scroll Keyboard KB-2200Clavier, USB,Divers: Advanced keyboard with a total of 28 extra multimedia buttons, built-in scroll ball and convenient volume control wheel With scroll wheel and 2 buttons providing vertical and horizontal scrolling for easy and comfortable... www.commentcamarche.net/guide-achat/trust-multimedia-scroll-keyboard-kb-2200-744342-fiche-technique
[Webmaster] Empêcher la copie de mes images (et autres)A tous ceux qui veulent empêcher a 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 moyen... www.commentcamarche.net/faq/sujet-2302-webmaster-empecher-la-copie-de-mes-images-et-autres
Empêcher la récupération des fichiers effacésTout comme sous Windows, il est parfois possible de récupérer des fichiers effacés. Voici comment procéder pour empêcher cela: 1. Vider les corbeilles Tout d'abord, assurez-vous que la corbeille de Nautilus (le navigateur de fichiers) est... www.commentcamarche.net/faq/sujet-6683-empecher-la-recuperation-des-fichiers-effaces
[Excel] Trier sur les lignes (horizontalement), non les colonnesMicrosoft 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... www.commentcamarche.net/faq/sujet-2630-excel-trier-sur-les-lignes-horizontalement-non-les-colonnes
Barre de défilement horizontale (Résolu)Bonjour à tous, Gross problèèèème!!!!!!!!!!!!! Comment afficher une page Internet entière dans la largeur sans être obligé d'utiliser la barre de défilement horizontal qui m'empèche de tout voir d'un seul coup? Cela m'ennuie... www.commentcamarche.net/forum/affich-7126803-barre-de-defilement-horizontale
[HTML] scrolling sans Iframe c'est possible ? (Résolu)Salut, Je souhaite savoir s’il est possible d’avoir un scrolling sans Iframe c-a-d par exemple que width="300" et height="80" avec la possibilité de mettre + de liens que pour une Hauteur ="80"... J’ai essayé avec une balise DIV et ILAYER... mais sans... www.commentcamarche.net/forum/affich-2367109-html-scrolling-sans-iframe-c-est-possible
[CSS] Modifier couleur scrollbar (Résolu)Bonsoir, Je viens à vous pour savoir comment modifier la couleur d'une scrollbar en css, tout en étant aux normes et que cela fonctionne sous IE comme sous FF ou un autre navigateur ? Je cherche donc à remplacer ce genre de code : BODY {... www.commentcamarche.net/forum/affich-3525850-css-modifier-couleur-scrollbar
Toutes les réponses pour « Empecher le &quot;scroll&quot; horizontal ? »