Tijden veranderen
div CSS met een while loop
Vraagje ik ben bezig met een nieuws pagina
Maar loop tegen het volgende probleem aan.
Ik werk met divjes zodat ik rounded corners kan maken.
Maar nu plakt ie bijde nieuws berichten eigenlijks over elkaar.
dit is mijn code
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
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
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.top {
position:absolute;
background-image:url(../images/nieuws_titel.png);
width:600px;
height:24px;
left:0px;
}
.inside {
position:absolute;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
background: #EFEFEF;
color: #000000;
top:22px;
left:4px;
padding-left: 10px;
padding-right: 6px;
width:574px;
}
.bottum {
position:absolute;
background-image:url(../images/nieuws_onder.png);
background-repeat:no-repeat;
top:auto;
width:595px;
height:12px;
left:-2px;
}
-->
</style>
</head>
<body>
<?php
if($_GET['a'] == "")
{
$sql = mysql_query("SELECT * FROM nieuws");
$count = mysql_num_rows($sql);
if($count > 0)
{
while($select = mysql_fetch_assoc($sql))
{
echo '
<div class="top">
<div class="inside">
'.$select['content'].'
<div class="bottum"></div>
</div>
</div>';
}
}
else
{
echo 'Er zijn nog geen nieuws berichten';
}
}
?>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.top {
position:absolute;
background-image:url(../images/nieuws_titel.png);
width:600px;
height:24px;
left:0px;
}
.inside {
position:absolute;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
background: #EFEFEF;
color: #000000;
top:22px;
left:4px;
padding-left: 10px;
padding-right: 6px;
width:574px;
}
.bottum {
position:absolute;
background-image:url(../images/nieuws_onder.png);
background-repeat:no-repeat;
top:auto;
width:595px;
height:12px;
left:-2px;
}
-->
</style>
</head>
<body>
<?php
if($_GET['a'] == "")
{
$sql = mysql_query("SELECT * FROM nieuws");
$count = mysql_num_rows($sql);
if($count > 0)
{
while($select = mysql_fetch_assoc($sql))
{
echo '
<div class="top">
<div class="inside">
'.$select['content'].'
<div class="bottum"></div>
</div>
</div>';
}
}
else
{
echo 'Er zijn nog geen nieuws berichten';
}
}
?>
</body>
</html>
hoe kan ik dit verhelpen?
Met vriendelijke groet Thomas de vries
Gewijzigd op 01/01/2011 20:04:47 door Thomas de vries
Quote:
margins en paddings
dat heeft geen ene flikker met jouw probleem te maken
Je moet niet absoluut positioneren, hoe je wel moet positioneren mag je zelf uitzoeken, er is voldoende over te vinden.
dit is wat ik tot nu toe hebt
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
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
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#content1{
position:relative;
margin-top:20px;
}
#titel1 {
position:relative;
background-image:url(../images/nieuws_titel.png);
width:600px;
height:24px;
}
.inside {
position:absolute;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
background: #EFEFEF;
color: #000000;
top:22px;
left:4px;
padding-left: 10px;
padding-right: 6px;
width:574px;
}
.bottom {
position:relative;
background-image:url(../images/nieuws_onder.png);
background-repeat:no-repeat;
margin-top:38px;
margin-left:3px;
width:595px;
height:12px;
}
-->
</style>
</head>
<body>
<?php
if($_GET['a'] == "")
{
$sql = mysql_query("SELECT * FROM nieuws");
$count = mysql_num_rows($sql);
if($count > 0)
{
while($select = mysql_fetch_assoc($sql))
{
echo '
<div id="content1">
<div id="titel1"></div>
<div class="inside">'.$select['content'].'</div>
<div class="bottom"></div>
</div>
';
}
}
else
{
echo 'Er zijn nog geen nieuws berichten';
}
}
?>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#content1{
position:relative;
margin-top:20px;
}
#titel1 {
position:relative;
background-image:url(../images/nieuws_titel.png);
width:600px;
height:24px;
}
.inside {
position:absolute;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
background: #EFEFEF;
color: #000000;
top:22px;
left:4px;
padding-left: 10px;
padding-right: 6px;
width:574px;
}
.bottom {
position:relative;
background-image:url(../images/nieuws_onder.png);
background-repeat:no-repeat;
margin-top:38px;
margin-left:3px;
width:595px;
height:12px;
}
-->
</style>
</head>
<body>
<?php
if($_GET['a'] == "")
{
$sql = mysql_query("SELECT * FROM nieuws");
$count = mysql_num_rows($sql);
if($count > 0)
{
while($select = mysql_fetch_assoc($sql))
{
echo '
<div id="content1">
<div id="titel1"></div>
<div class="inside">'.$select['content'].'</div>
<div class="bottom"></div>
</div>
';
}
}
else
{
echo 'Er zijn nog geen nieuws berichten';
}
}
?>
</body>
</html>
alvast bedankt
p.s. het gaat om bottom
Laat maar opgelost had nog een absolute tussen staan.
Gewijzigd op 01/01/2011 22:12:00 door thomas de vries
Noppes Homeland op 01/01/2011 20:59:30:
dat heeft geen ene flikker met jouw probleem te maken
Je moet niet absoluut positioneren, hoe je wel moet positioneren mag je zelf uitzoeken, er is voldoende over te vinden.
Quote:
margins en paddings
dat heeft geen ene flikker met jouw probleem te maken
Je moet niet absoluut positioneren, hoe je wel moet positioneren mag je zelf uitzoeken, er is voldoende over te vinden.
mijn werk wat ik maal gaat nooit verkeerd zonder paddings en margins
Gnotrgnotr gnotrgnotr op 02/01/2011 08:00:56:
mijn werk wat ik maal gaat nooit verkeerd zonder paddings en margins
Noppes Homeland op 01/01/2011 20:59:30:
dat heeft geen ene flikker met jouw probleem te maken
Je moet niet absoluut positioneren, hoe je wel moet positioneren mag je zelf uitzoeken, er is voldoende over te vinden.
Quote:
margins en paddings
dat heeft geen ene flikker met jouw probleem te maken
Je moet niet absoluut positioneren, hoe je wel moet positioneren mag je zelf uitzoeken, er is voldoende over te vinden.
mijn werk wat ik maal gaat nooit verkeerd zonder paddings en margins
Mijn werk wat ik maak gaat nooit verkeerd zonder de HTML tag.
Dug gebruik de <html> tag :).
The Force op 02/01/2011 08:38:57:
Mijn werk wat ik maak gaat nooit verkeerd zonder de HTML tag.
Dug gebruik de <html> tag :).
Gnotrgnotr gnotrgnotr op 02/01/2011 08:00:56:
mijn werk wat ik maal gaat nooit verkeerd zonder paddings en margins
Noppes Homeland op 01/01/2011 20:59:30:
dat heeft geen ene flikker met jouw probleem te maken
Je moet niet absoluut positioneren, hoe je wel moet positioneren mag je zelf uitzoeken, er is voldoende over te vinden.
Quote:
margins en paddings
dat heeft geen ene flikker met jouw probleem te maken
Je moet niet absoluut positioneren, hoe je wel moet positioneren mag je zelf uitzoeken, er is voldoende over te vinden.
mijn werk wat ik maal gaat nooit verkeerd zonder paddings en margins
Mijn werk wat ik maak gaat nooit verkeerd zonder de HTML tag.
Dug gebruik de <html> tag :).
heel grappig
En dan bouw ik de hele website van boven naar onder op.