Scrollbar sur popup

**Him** · 21/06/2006, 18h46

Bonjour

J'éssaye d'afficher une popup suite au clic du client (jusque la ok)

Maintenant dans cette popup que le client ne peux pas redimensionner, vont apparaitre des textes (qui prendront bien sur plus de place que la popup en elle même)

Alors voila j'aimerais insérer un menu déroulant à ma box, & si possible customisez celui-ci.

J'ai mis dans mon css

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
.scroll
{
width: 400px;
height: 100px;
font-family: verdana;
font-size: 11px;
color: #ccddee;
background-color: #F8F8F9;
scrollbar-base-color: #F8F8F9;
scrollbar-3d-light-color: #BDCAF3;
scrollbar-arrow-color: #F8F8F9;
scrollbar-darkshadow-color: #F8F8F9;
scrollbar-face-color: #BDCAF3;
scrollbar-highlight-color: #F8F8F9;
scrollbar-shadow-color: #F8F8F9;
scrollbar-track-color: #F8F8F9;
}

& voici le code de ma page

Code :

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

1
2
 
code optimisé dans la réponse suivante

Mais cela ne me donne pas ce que je veux

vous pouvez voir le rendu de la page sur

-http://www.prestigepartners.be/greg/
en cliquant sur "extra advantages"

J'éspère vraiment que vous pourrez m'aider, car cela fait un petit temps que je cherche & cela m'embete fortement

Merci !

**Him** · 21/06/2006, 19h05

Bon, j'ai changé le code de ma page, & j'ai réussi à isoler la zone de fonctionnement....
(zone blanche dans la popup)

seul hic : pas de scroll

le code de la page

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
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
 
<title>
Prestige Partners
</title>
 
<link href="style2.css" rel="stylesheet" type="text/css" />
 
</head>
 
 
<body>
 
<div id="page_bodybox">
	<div id="leftborder">
	<div id="top">&nbsp;</div>
	<div id="bot">&nbsp;</div>
	</div>
 
 
	<div id="bodyborder">
	<div id="page_content">
 
		<!-- BEGIN MAIN COLUMN -->
 
		<div id="maincol2">
 
						<h3>Extra Advantages</h3>
<br />
<table>
     <tr>
      <td class="scroll" height="450">
<table class="contact">
 
		<?php 
                        mysql_connect("localhost", "videoima", "2uDbw.jaYACAB9Rt") or die(mysql_error());
                        mysql_select_db("prestigep") or die(mysql_error());
 
                // Récupération des dernières news à afficher sur la page
                        $lastnews = mysql_query('SELECT * FROM extra_advantages WHERE valid="1" ORDER BY id DESC LIMIT 0, 10');
 
                        while ($news = mysql_fetch_array($lastnews))
 
                        {
                ?>
  <tr>
    <td class="scoll" height="100%" valign="top">
	<b> <?php echo $news['user']; ?>&nbsp;-&nbsp; <?php echo $news['titre']; ?></b><br />
	<p><?php 
 
        // retrait des slash & alignement du texte
                $contenu = nl2br(stripslashes($news['contenu']));
                echo $contenu;
        ?></p>	</td><td>&nbsp;&nbsp;&nbsp;</td>
 
   <td height="100%" valign="top"><p><img src="upload/<?php echo $news['up_filename']; ?>" width="100px" /></p>
	</td>
 
		<?php
                }
                ?>	
 
 
 </tr>
</table>
</td></tr></table>
 
 
		</div>
 
		<!--// END MAIN COLUMN -->
 
	</div>
 
	</div>
 
	<div id="rightborder">
	<div id="top">&nbsp;</div>
	<div id="bot">&nbsp;</div>
	</div>
 
</div>
 
 
</body>
</html>

**BrYs** · 21/06/2006, 22h21

tu es sur que ce n'est pas dans l'appelle de ton popup ou tu désactive les scrollbar ?

**Him** · 26/06/2006, 10h33

J'ai retiré le scrollbar=0 & je n'ai toujours rien...

Surtout que je ne veux pas de scroll sur la fenetre en elle même, mais bien sur le cadre blanc dans la page.

**Oluha** · 26/06/2006, 11h35

dans ce cas il faut mettre overflow:auto

**IdF-Socrateus** · 26/06/2006, 14h40

tu as dû remarquer que les propriétés de scrollbar ne fonctionnent que sous IE...

pour le scroll, appliques la propriétés sur l'ensemble de la zone blanche (1ère table je crois).

'overflow' Value: visible | hidden | scroll | auto | inherit

Tu peux donc aussi 'forcer' les scrollbars avec la propriété scroll

Scrollbar sur popup

HTML

Vue hybride

Discussions similaires

Partager

Partager