Div stukje naar links lukt niet
Robin S
07/12/2012 19:28:35Beste leden,
Ik heb een Div met hierin 4 afbeeldingen.
Echter door de css3 scale gaat de div een stukje naar rechts.
Iemand enig idee hoe ik dit weer naar links krijg?
EDIT:
Probleem opgelost met divjes om de img heen zetten.
Ik heb een Div met hierin 4 afbeeldingen.
Echter door de css3 scale gaat de div een stukje naar rechts.
Iemand enig idee hoe ik dit weer naar links krijg?
Code (php)
1
2
3
4
5
2
3
4
5
<div id="home_photos">
<a href="/webshop"><img class="outer_glow" src="http://www.dstsystem.com/wp-content/themes/theme/images/upload_home_1_groot.jpg" /></a>
<a href="/webshop"><img class="outer_glow" style="margin-left: 246px;" src="http://www.dstsystem.com/wp-content/themes/theme/images/upload_home_2_groot.jpg" /></a>
<a href="/webshop"><img class="outer_glow" style="margin-left: 484px;" src="http://www.dstsystem.com/wp-content/themes/theme/images/upload_home_3_groot.jpg" /></a>
</div>
<a href="/webshop"><img class="outer_glow" src="http://www.dstsystem.com/wp-content/themes/theme/images/upload_home_1_groot.jpg" /></a>
<a href="/webshop"><img class="outer_glow" style="margin-left: 246px;" src="http://www.dstsystem.com/wp-content/themes/theme/images/upload_home_2_groot.jpg" /></a>
<a href="/webshop"><img class="outer_glow" style="margin-left: 484px;" src="http://www.dstsystem.com/wp-content/themes/theme/images/upload_home_3_groot.jpg" /></a>
</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
#home_photos {
padding-left: -200px;
height: 280px;
}
#home_photos img {
margin-top: -128px;
}
a .outer_glow {
-moz-box-shadow: 0 0 7px #888;
-webkit-box-shadow: 0 0 7px#888;
box-shadow: 0 0 7px #888;
-webkit-transition: all .8s ease-in-out;
position: absolute;
-webkit-transform: scale(0.5);
}
a .outer_glow:hover {
-webkit-transform: scale(1.0);
z-index: 9999;
}
padding-left: -200px;
height: 280px;
}
#home_photos img {
margin-top: -128px;
}
a .outer_glow {
-moz-box-shadow: 0 0 7px #888;
-webkit-box-shadow: 0 0 7px#888;
box-shadow: 0 0 7px #888;
-webkit-transition: all .8s ease-in-out;
position: absolute;
-webkit-transform: scale(0.5);
}
a .outer_glow:hover {
-webkit-transform: scale(1.0);
z-index: 9999;
}
EDIT:
Probleem opgelost met divjes om de img heen zetten.
Gewijzigd op 07/12/2012 20:43:58 door Robin S
Er zijn nog geen reacties op dit bericht.