Supprimer Scrolling horizontal

**malabarbe** · 03/04/2008, 14h30

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

**Deallyra** · 03/04/2008, 14h37

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  overflow-y : auto;

mais il me semble qu'il y a un problème au niveau de l'onterprétation selon le navigateur

edit : j'ai trouvé ceci http://www.brunildo.org/test/Overflowxy2.html

**malabarbe** · 03/04/2008, 14h45

Bonjour,

Merci de m'avoir répondu

Comment l'intégrer dans mon code ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<IFRAME
src="aff-1.php?genr=<?= $genr ?>&stat=<?= $stat ?>" 
width=579 height=357 scrolling=auto frameborder=0target="bas_broite" >
</IFRAME>

**Deallyra** · 03/04/2008, 14h49

une iframe... u__u

je ne fais pas joujou avec...

en tout cas, overflow-y est un élément css
place l'attribut style="overflow-y : auto;"

**malabarbe** · 03/04/2008, 14h59

Ok, mais ou le placer ?

<style>
.td_over
{
background-color: #0099ff;
color : #A2E7FB;
cursor : pointer;
}
</style>

**Mr Pink Eyes** · 03/04/2008, 15h02

En effet, l'utilisation de l'attribut SCROLLING des IFRAME est en général déconseillé puisque peu maniable. L'ajout d'une feuille de style CSS est (comme comme la majorité des pages web) la solution la plus pratique.

Si tu n'as pas déjà une partie de ton code dédié au CSS ou une feuille CSS externe, tu dois rajouter (dans le HEAD) ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<STYLE TYPE="text/css">
 #MonID {
overflow-y: auto;
overflow-x: hidden;
}
</STYLE>

Après avoir ajouté la propriété ID="MonID" dans la balise de ton IFRAME.

Normalement ca devrait marcher....

**Deallyra** · 03/04/2008, 15h12

dans le head ou en temps qu'attribut u__u

Je n'ai pas dut être assez claire.

<iframe style = "overflow-y ; auto;" >

Les styles peuvent être inclus de trois façons.
dans une page extérieure, dans le head, dans la balise.

message perso : je suis suivie?

**malabarbe** · 03/04/2008, 15h18

J'ai fait comme tu a dit,

Mais cela ne supprime pas la barre verticale !

**Deallyra** · 03/04/2008, 15h27

le code remplace ton scrolling : auto...
de plus je t'ai dit qu'il y avait un navigateur parmis FF ou IE qui ne l'implémentait pas.

**malabarbe** · 03/04/2008, 15h34

le code remplace ton scrolling : auto...
de plus je t'ai dit qu'il y avait un navigateur parmis FF ou IE qui ne l'implémentait pas.
-------------------------------------------
Je suis sous IE
remplace ton scrolling : auto... par quoi ?

**Deallyra** · 03/04/2008, 16h36

heu...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<IFRAME
src="aff-1.php?genr=<?= $genr ?>&stat=<?= $stat ?>"
width=579 height=357 frameborder=0target="bas_broite" style = " overflow-y : auto;">
</IFRAME>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
dans head 
 
<style type="text/css">
 #iframeOverflow {
overflow-y: auto;
overflow-x: hidden;
}
</STYLE>
 
 
 
 
<IFRAME id ="iframeOverflow"
src="aff-1.php?genr=<?= $genr ?>&stat=<?= $stat ?>"
width=579 height=357 frameborder=0target="bas_broite">
</IFRAME>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
dans feuille css
 
#iframeOverflow {
overflow-y: auto;
overflow-x: hidden;
}
 
 
 
 
<IFRAME id ="iframeOverflow"
src="aff-1.php?genr=<?= $genr ?>&stat=<?= $stat ?>"
width=579 height=357 frameborder=0target="bas_broite">
</IFRAME>

désolé pour la lenteur, je rédige ce texte depuis 14h52 ^^ mais gros coup de téléphone

**malabarbe** · 03/04/2008, 17h04

Que veut-tu dire par ?

dans feuille css

#iframeOverflow {
overflow-y: auto;
overflow-x: hidden;
}

**malabarbe** · 03/04/2008, 18h52

Je ne m'en sort pas

Veut-tu les sources ?

**Mr Pink Eyes** · 03/04/2008, 21h25

Envoyé par malabarbe

J'ai fait comme tu a dit,

Mais cela ne supprime pas la barre verticale !

Euh... c'est pas ce que tu cherchais à faire ?

Envoyé par malabarbe

Mais je ne voudrais pas de barre de scroll horizontal
mais conserver la barrz verticale.

Sinon concernant le code fourni par Mimicracra44, c'est à toi de choisir laquelle des trois solutions qu'elle te propose te convient le mieux. La première rajoute les instructions de style directement dans la balise de ton Iframe, la deuxième ajoute dans ton Head (entre <HEAD> et </HEAD>) ce qu'on appelle une feuille de style css "interne" à ton fichier et la dernière de faire la même chose que la deuxième mais dans une feuille de style "externe" à ta page.

La troisième méthode étant plus propre et plus pratique et propre que la deuxième qui l'est elle-même plus que la première.

Je vais essayer de te montrer au niveau de ton code comment c'est censé se présenter :

Méthode 1 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<HEAD>
blablabla
</HEAD>
<BODY>
blablabla
<IFRAME
src="aff-1.php?genr=<?= $genr ?>&stat=<?= $stat ?>"
width=579 height=357 frameborder=0target="bas_broite" style = " overflow-y : auto; overflow-x: hidden">
</IFRAME>
blablabla
</BODY>

Méthode 2:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<HEAD>
<STYLE type="text/css">
 #iframeOverflow {
overflow-y: auto;
overflow-x: hidden;
}
</STYLE>
blablabla
 </HEAD>
<BODY>
 blablabla
<IFRAME id ="iframeOverflow"
src="aff-1.php?genr=<?= $genr ?>&stat=<?= $stat ?>"
width=579 height=357 frameborder=0target="bas_broite">
</IFRAME>
blablabla
</BODY>

Méthode 3 (necessite 2 fichiers) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<!-- Ceci est le fichier maFeuille.css -->
 
 #iframeOverflow {
overflow-y: auto;
overflow-x: hidden;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!-- ceci est le fichier maPage.html -->
<HEAD>
<link rel="stylesheet" type="text/css" href="maFeuille.css">
blablabla 
</HEAD>
<BODY>
 blablabla
<IFRAME id ="iframeOverflow"
src="aff-1.php?genr=<?= $genr ?>&stat=<?= $stat ?>"
width=579 height=357 frameborder=0target="bas_broite">
</IFRAME>
blablabla
</BODY>

L'avantage de la troisième méthode est que si tu veux mettre en place la même mise en forme sur une iframe (ou même tout autre élement) située dans une autre page html, il te suffit de recopier l'entête qui est dans le head (qui sert à localiser la feuille de style css à appliquer) dans cette autre page et de rajouter dans la balise de ton élement un id="iframeOverflow".

Si tu veux te mettre sérieusement au développement web, je ne peux que trop te conseiller de parcourir un tutorial sur le CSS puisque c'est aujourd'hui une technologie indispensable pour faire des choses propres. Tu ne devrais pas avoir trop de mal à en trouver en passant par ton moteur de recherches favori.

Avec ça je pense que tu as tous les atouts en main mais n'hésite pas si tu as d'autres questions.

**malabarbe** · 03/04/2008, 21h32

Bonsoir,

Si, c'est OK

J'ai inversé x en y et inversement

Et maintenant cela tourne

Merci pour ta patience

@ +

**Mr Pink Eyes** · 03/04/2008, 21h48

Arf, moi qui avais fait un super longue réponse !

**malabarbe** · 03/04/2008, 21h55

Pas de chagrin,

Tu m'a dépanné !

Cela faisait 2 jours que je cherchai
a résoudre ce problème.

Gloire a toi

Encore merci

**Deallyra** · 04/04/2008, 08h06

>____<

/me se sent un peu lésée et incomprise xD

Tant mieux si ton problème est résolu mais fait attention à la compabilité entre navigateurs

Tes sites doivent être compatibles au moins sur les deux navigateurs les plus utilisés à savoir IE et FF.

De plus, si tu pouvais les mettres aux normes W3C avec un doctype valide, ce serait le top

Bonne journée

**Mr Pink Eyes** · 04/04/2008, 08h45

Envoyé par MimiCracra44

>____<

/me se sent un peu lésée et incomprise xD

Mais non mais non

Supprimer Scrolling horizontal

HTML

Discussions similaires

Partager

Partager