ascenseur vertical sur bloc intégré dans une page

Version imprimable

Je cherche à faire ce qui est indiqué dans le titre ; pour l'instant échec, et voici mon code ; peut-on me dire ce qu'il faudrait faire ?

Page principale :

Code:

<iframe src="\\adresse IP_serveur_intranet\chemin\conf_en_ligne_complet.html" width="1000 px" height="1000 px" frameborder="0" scrolling="yes"></iframe>

et conf_en_ligne_complet.html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
  <title>conf_en_ligne_complet.html</title>
</head>
<body>
<div style='height: 1000px;overflow="scroll"'>
<table>
  <tbody>
    <tr>
      <td>
<!-- ANTEC --><font face="Arial" size="2">
<img alt="" src="http://docexterne.fr.schneider-electric.com/Ressource.jpg?resnum=200092" border="0" height="13" width="14"><b>ANTEC
: </b></font>
      <table align="center">
        <tbody>
          <tr>
            <td style="font-family: Arial;" align="center" width="100"><a
 href="file://pfrwdoc1.eur.gad.schneider-electric.com/Divers/ANTEC2003/FILES/search.pdf"
 target="_blank"><font face="Arial" size="2">ANTEC 2003</font></a></td>
            <td align="center" width="100"></td>
            <td align="center" width="100"></td>
          </tr>
        </tbody>
      </table>
      <br>
      <br>
<!-- CARTS -->
etc.
</td>
    </tr>
  </tbody>
</table>
</div>
</body>
</html>

12/04/2013, 15h11
Bovino

Code:

width="1000 px" height="1000 px"

Les valeurs de ces attributs ne sont pas correctes...
12/04/2013, 16h57
laurentSc

Oui, merci, car en écrivant comme ça width:"5000px" height:"5000px", j'ai bien un ascenseur, sauf que j'ai beau avoir fortement augmenté les valeurs, le bloc reste ridiculement petit (et bien sûr <div style='height:"5000px";overflow="scroll"'>). Donc comment faire ?
12/04/2013, 18h40
NoSmoking

Bonjour,

Citation:

Envoyé par laurentSc

Donc comment faire ?

continuer d'apprendre les bases ;) et laisser tomber les styles inline.

Code:

<iframe ... width="1000 px" height="1000 px"

elle sort d'où la syntaxe ?

Code:

<div style='height:"5000px";overflow="scroll"'>

elle sort d'où la syntaxe ?

J'ai sorti le style des balises, par contre, je n'ai plus d'ascenseur, ni même de scrolling, donc ça serait quoi la bonne syntaxe ?

Code:

1
2
3
4
5
6
7
<style>
.class_iframe {
width:5000px;
height:5000px;
}
</style>
<iframe src="\\chemin\conf_en_ligne_complet.html" class="class_iframe" frameborder="0" scrolling="yes"></iframe>

et conf_en_ligne_complet.html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html>
<head>
  <style type="text/css">
.class_iframe {
width:5000px;
height:5000px;
}
  </style>
  <title>conf_en_ligne_complet.html</title>
</head>
<body>
<div class="class_iframe">
<table>
  <tbody>
    <tr>
      <td>
<!-- ANTEC -->
<font face="Arial" size="2"><img alt="" src="http://docexterne.fr.schneider-electric.com/Ressource.jpg?resnum=200092" border="0" height="13" width="14">
<b>ANTEC: </b></font>
      <table align="center">
        <tbody>
          <tr>
            <td style="font-family: Arial;" align="center" width="100"><a
 href="file://pfrwdoc1.eur.gad.schneider-electric.com/Divers/ANTEC2003/FILES/search.pdf"
 target="_blank"><font face="Arial" size="2">ANTEC 2003</font></a></td>
            <td align="center" width="100"></td>
            <td align="center" width="100"></td>
          </tr>
        </tbody>
      </table>
      <br>
      <br>
<!-- CARTS -->
etc.
      </td>
    </tr>
  </tbody>
</table>
</div>
</body>
</html>

12/04/2013, 23h32
rodolphebrd

Moi je les ai les barres de scroll.

Tu les as, mais avec quel code ?

car si en local, je teste ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
</head>
<body>
<style> 
.class_iframe {
width:5000px;
height:5000px;
}
</style><iframe src="conf_en_ligne_complet.html" class="class_iframe"
 frameborder="0" scrolling="yes"></iframe>
</body>
</html>

y a pas de barres de scroll...

12/04/2013, 23h47
rodolphebrd

Si je les ai sur Safari (mac) même avec le bon charset:P

Code:

<meta charset="UTF-8">

Arrange ton code un peu mieux:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document sans nom</title>
<style>
.class_iframe {
        width: 5000px;
        height: 5000px;
}
</style>
</head>
<body>
<iframe src="conf_en_ligne_complet.html" class="class_iframe"
 frameborder="0" scrolling="yes"></iframe>
</body>
</html>

13/04/2013, 01h21
laurentSc

Même avec exactement ce code, je n'ai pas d'ascenseur...
13/04/2013, 10h43
rodolphebrd

Alors je ne sais pas quoi dire :koi:
13/04/2013, 11h19
NoSmoking
Peut être que
Code:

1 2 3 4 .class_iframe { width: 5000px; height: 5000px; }
n'autorise pas à avoir des barres de scroll actives!
13/04/2013, 12h11
laurentSc

Ca semble être effectivement le cas car si je commente ces 2 attributs, je retrouve les barres...Mais comme du coup, le bloc est trop petit, comment faire ?
13/04/2013, 14h25
NoSmoking

Citation:

Mais comme du coup, le bloc est trop petit, comment faire ?

mettre les dimensions qui conviennent suivant la présentation que tu souhaites :koi:

C'est effectivement très simple :
Code:

1 2 3 4 5 6 7 <style> .class_iframe { //width:5000px; //height:5000px; } </style><iframe src="conf_en_ligne_complet.html" width="500px" height="500px" frameborder="0" scrolling="yes"></iframe>
sauf que n'ayant pas le droit à la classe, je n'ai pas pensé à ça...

15/04/2013, 08h22
Bovino

Les attributs HTML width et height ne doivent pas avoir d'unité !!!
15/04/2013, 09h27
laurentSc

Hier soir, comme pas satisfait, j'avais raison de penser que lundi, il ferait jour ! Merci Bovino.