scrollbalk in div
ik heb een div waar automatisch tekst in word gepeplaatst door de database. alleen nu is de tekst tegroot voor de div dus gaat het onder de div nog verder.
hoe kan ik dit oplossen?
ik dacht aan een scrollbalk maar ik weet niet hoe dat moet.
dit is de code
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<div>
<?php
include 'config.php';
$tekst = mysql_query("SELECT * FROM info ");
$tekst1 = mysql_fetch_array($tekst);
echo nl2br($tekst1['Bericht']);
?>
</div>
<?php
include 'config.php';
$tekst = mysql_query("SELECT * FROM info ");
$tekst1 = mysql_fetch_array($tekst);
echo nl2br($tekst1['Bericht']);
?>
</div>
iemand een suggestie?
Stop wel eens wat fout afhandelingen in je stukje php.
CSS overflow Dit iets?
Misschien toch even de afmetingen van je div aanpassen. Zoiets snapt de computer niet denk ik, als je dat er niet goed inzet.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
#info {
width:144px;
height:30px;
background: url(images/info.jpg);
margin-left:208px;
position: absolute ;
overflow:scroll;
}
width:144px;
height:30px;
background: url(images/info.jpg);
margin-left:208px;
position: absolute ;
overflow:scroll;
}
dit is css
en hier is de html code.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<div id="info">
<?php
include 'config.php';
$tekst = mysql_query("SELECT * FROM info ");
$tekst1 = mysql_fetch_array($tekst);
echo nl2br($tekst1['Bericht']);
?>
</div>
<?php
include 'config.php';
$tekst = mysql_query("SELECT * FROM info ");
$tekst1 = mysql_fetch_array($tekst);
echo nl2br($tekst1['Bericht']);
?>
</div>
kan iemand mij hiermee helpen?:$
Gewijzigd op 14/06/2010 09:00:11 door dennis meijer
Het is niet gewenst midden in je pagina een scrollbalk te hebben, omdat een gebruiker tegenwoordig dat niet meer gewent is.. Houd de scrollbalk helemaal rechts, netzoals hier op phphulp en gebruik verder geen scrollbalken (er zijn uiteraard wat situaties met uitzonderingen, maar deze zou dat niet moeten zijn)
Code (php)
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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Dennis Meijer en Kevin van der Veen" />
<title>Dijkstraglas Haarle</title>
<link href="Default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrapper">
<div class="header">
</div>
<ul class="menu">
<li><a class="men" href="">Sample</a></li>
<li class="space"></li>
<li><a class="men" href="">Sample</a></li>
<li class="space"></li>
<li><a class="men" href="">Sample</a></li>
<li class="space"></li>
<li><a class="men" href="">Sample</a></li>
</ul>
<div class="content">
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Dennis Meijer en Kevin van der Veen" />
<title>Dijkstraglas Haarle</title>
<link href="Default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrapper">
<div class="header">
</div>
<ul class="menu">
<li><a class="men" href="">Sample</a></li>
<li class="space"></li>
<li><a class="men" href="">Sample</a></li>
<li class="space"></li>
<li><a class="men" href="">Sample</a></li>
<li class="space"></li>
<li><a class="men" href="">Sample</a></li>
</ul>
<div class="content">
</div>
</div>
</body>
</html>
en dan zoiets als css:
Code (php)
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
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
body {
margin: 20px;
padding: 0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-align: center;
color: #000000;
background-color: #FFB900;
}
div.wrapper {
width: 618px;
margin: 0px auto;
padding: 20px 50px 20px 50px;
background-color: #202020;
}
/* Het menu */
ul.menu {
width: 618px;
height: 30px;
margin: 0px;
padding: 0px;
list-style: none;
background-image: url('');
}
ul.menu li {
float: left;
display: block;
}
ul.menu li.space {
width: 14px;
height: 30px;
float: left;
margin: 0px;
padding: 0px;
display: block;
background-color: #202020;
}
ul.menu li a.men {
width: 144px;
height: 30px;
float: left;
display: block;
background-image: url('');
}
ul.menu li a.men:hover {
background-image: url('images/hover.png');
}
/* Header en Content */
div.header {
width: 618px;
height: 90px;
background-image: url('');
}
div.content {
width: 618px;
min-height: 200px;
overflow: hidden;
background-image: url('');
}
margin: 20px;
padding: 0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-align: center;
color: #000000;
background-color: #FFB900;
}
div.wrapper {
width: 618px;
margin: 0px auto;
padding: 20px 50px 20px 50px;
background-color: #202020;
}
/* Het menu */
ul.menu {
width: 618px;
height: 30px;
margin: 0px;
padding: 0px;
list-style: none;
background-image: url('');
}
ul.menu li {
float: left;
display: block;
}
ul.menu li.space {
width: 14px;
height: 30px;
float: left;
margin: 0px;
padding: 0px;
display: block;
background-color: #202020;
}
ul.menu li a.men {
width: 144px;
height: 30px;
float: left;
display: block;
background-image: url('');
}
ul.menu li a.men:hover {
background-image: url('images/hover.png');
}
/* Header en Content */
div.header {
width: 618px;
height: 90px;
background-image: url('');
}
div.content {
width: 618px;
min-height: 200px;
overflow: hidden;
background-image: url('');
}
En als je dan ook nog eens kijkt naar mijn eerste post weet je ook wat je moet doen met je mini stukje php.
Ook moet je nu in je css nog wat tekst opmaken en afbeeldingen invoegen.
Gewijzigd op 14/06/2010 16:44:26 door Milo S