Virusscanner tips?
Problemen met display:inline
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
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
.nieuws {
width:1200px;
height:800px;
margin:10px;
float:left;
color:black;
box-shadow: 1px 1px 1px #888888;
}
.block {
width:310px;
height:220px;
display:inline;
float:left;
margin:5px;
padding:5px;
}
.image {
display:inline;
float:left;
}
h2 {
position: absolute;
top:100px;
margin:5px;
width:300;
color:black;
background:red;
}
width:1200px;
height:800px;
margin:10px;
float:left;
color:black;
box-shadow: 1px 1px 1px #888888;
}
.block {
width:310px;
height:220px;
display:inline;
float:left;
margin:5px;
padding:5px;
}
.image {
display:inline;
float:left;
}
h2 {
position: absolute;
top:100px;
margin:5px;
width:300;
color:black;
background:red;
}
En dit mijn PHP code:
Code (php)
Zo ziet het er nu uit. Ik wil de foto's naast elkaar hebben
Kan iemand mij helpen?
Groetjes
Julian
Je block is 310 breed en je wilt daar images naast elkaar van 306 breed.
Dat gaat niet lijkt mij.
http://codepen.io/anon/pen/doEYaw
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div id="container">
<div class="image">
Image 1
</div>
<div class="image">
Image 2
</div>
<div class="image">
Image 3
</div>
<div class="image">
Image 4
</div>
<div class="image">
Image 5
</div>
<div class="clear"></div>
</div>
<div class="image">
Image 1
</div>
<div class="image">
Image 2
</div>
<div class="image">
Image 3
</div>
<div class="image">
Image 4
</div>
<div class="image">
Image 5
</div>
<div class="clear"></div>
</div>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#container {
width: 1200px;
margin: 0 auto;
padding: 25px;
background-color: #AAA;
}
.image {
float: left;
width: 304px;
height: 228px;
border: 10px solid white;
margin: 0 10px 10px 0;
background-color: yellow;
}
.clear {
clear: both;
}
width: 1200px;
margin: 0 auto;
padding: 25px;
background-color: #AAA;
}
.image {
float: left;
width: 304px;
height: 228px;
border: 10px solid white;
margin: 0 10px 10px 0;
background-color: yellow;
}
.clear {
clear: both;
}
Gewijzigd op 16/08/2015 18:49:19 door Frank Nietbelangrijk