Css lukt niet
Nu lukt het niet om mijn tekst blok naar de foto1 te zetten
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
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
/* CSS Document */
body {
background-color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/*Knop*/
a.knop1:link,
a.knop1:visited {
border: 1px solid #FFFFFF;
background-color: #ffffff;
display: block;
text-align: center ;
text-decoration: none;
float: left;
font-size: 13px;
font-weight: bold;
padding: 10px;
color: #bed263;
width: 105.5px;
}
a.knop1:hover {
background-color: #EFEFEF;
}
/*Header*/
.header{
width: 766px;
height: 97px;
background-image: url(header.gif);
background-repeat: no-repeat;
}
/*foto links*/
.foto1{
width: 231px;
height: 320px;
background-image: url(foto1.gif);
background-repeat: no-repeat;
margin-left: 0 px;
margin-top: 77px;
}
/*blok met tekst*/
.tekstblok{
display: block;
color: #FFFFFF;
width: 479px;
height: 326px;
margin-left: 260px;
}
body {
background-color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/*Knop*/
a.knop1:link,
a.knop1:visited {
border: 1px solid #FFFFFF;
background-color: #ffffff;
display: block;
text-align: center ;
text-decoration: none;
float: left;
font-size: 13px;
font-weight: bold;
padding: 10px;
color: #bed263;
width: 105.5px;
}
a.knop1:hover {
background-color: #EFEFEF;
}
/*Header*/
.header{
width: 766px;
height: 97px;
background-image: url(header.gif);
background-repeat: no-repeat;
}
/*foto links*/
.foto1{
width: 231px;
height: 320px;
background-image: url(foto1.gif);
background-repeat: no-repeat;
margin-left: 0 px;
margin-top: 77px;
}
/*blok met tekst*/
.tekstblok{
display: block;
color: #FFFFFF;
width: 479px;
height: 326px;
margin-left: 260px;
}
dit is de code van het html
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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" />
<link href="site.css" rel="stylesheet" type="text/css" />
</head>
<body marginheight="0" marginwidth="0">
<div class="header"></div>
<a href="#" class="knop1">Home </a>
<a href="#" class="knop1">About </a>
<a href="#" class="knop1">Portfolio </a>
<a href="#" class="knop1">Photographers </a>
<a href="#" class="knop1">News</a>
<a href="#" class="knop1">Contact</a>
<div class="foto1"> </div> <div class="tekstblok"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="site.css" rel="stylesheet" type="text/css" />
</head>
<body marginheight="0" marginwidth="0">
<div class="header"></div>
<a href="#" class="knop1">Home </a>
<a href="#" class="knop1">About </a>
<a href="#" class="knop1">Portfolio </a>
<a href="#" class="knop1">Photographers </a>
<a href="#" class="knop1">News</a>
<a href="#" class="knop1">Contact</a>
<div class="foto1"> </div> <div class="tekstblok"></div>
</body>
</html>
Gewijzigd op 01/01/1970 01:00:00 door Niels van Dijk
EDIT
http://vandijk-vormgeving.nl/photo/
hier staat het
Gewijzigd op 01/01/1970 01:00:00 door Niels van Dijk
http://vandijk-vormgeving.nl/photography%20now/
Gelieve Niet Bumpen::
Twee of meer keer achter elkaar in een topic posten heet bumpen. Bumpen is pas na 24 uur toegestaan en kan een reden zijn voor de admins en moderators om een topic te sluiten. Gebruik indien nodig de 
knop om je tekst aan te passen.
SanThe.
knop om je tekst aan te passen.SanThe.
Gewijzigd op 01/01/1970 01:00:00 door Niels van Dijk
winkie schreef op 03.03.2009 13:42:
div.foto1 moet ook float:left; hebben
dat wil al helemaal niet
wes schreef op 03.03.2009 14:06:
must be one of them float repelling divs
Could you explane that in my code ?
Zet een div om die 2 divs heen, geef die 2 div's allebei een float:left
en probeer het dan nog eens.
als dat niet lukt, zet dan onder die 2 div's een divje met clear:both.
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
.foto1 {
width: 300px;
float: left;
}
.tekstblok {
width: 400px;
float: left;
}
width: 300px;
float: left;
}
.tekstblok {
width: 400px;
float: left;
}
En ze staan naast elkaar.... Beter zet je er nog een div omheen die 700px breed is.