Beste,
Misschien dat jullie mij kunnen helpen want ik kom er echt helemaal niet meer uit.
Ik ben bezig met het slice van een layout alleen heb een raar probleem.
Ik heb een left box gemaakt en een right box in de left box komt tekst dit werkt
uitstekend in de rightbox komt een image+ tekst alleen nu heb ik steeds de fout dat
de image mee rekt met de left box en niet boven in blijft staan.
is er iemand die de fout kan ontdekken die ik heb gemaakt.
css
htmlPHP Code:
/* midden */
.profiel_midden{color: #373534; margin: 10px 10px 10px 10px; width: 590px; border-top: 1px solid #ddd;}
.profiel_midden p{padding: 5px 0px 5px 0px;}
.profiel_midden p span{color: #7dd41f;}
.profiel_left{float: left; width: 370px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.profiel_left_specificaties{float: left; width: 370px;}
.profiel_right{float: right;}
.profiel_right img{width:189px; height:124px; display: block; vertical-align:top}
.profiel_right a{float: right; color: #373534; font-size: 11px; text-decoration: none;}
.profiel_right a:hover{font-size: 11px; color: #373534; text-decoration: underline;}
alvast bedanktPHP Code:
<div class="profiel_midden">
<p>Op werkdagen voor <span>22.00 uur</span> besteld, morgen in huis.</p>
<div class="profiel_left">
<p>Een revolutie in beeldkwaliteit en een superplat design. De LED-backlighttechnologie van de LE5300 LG LED televisie die een contrastratio van 3.000.000:1 heeft staat garant voor glasheldere beelden, diepere zwarttinten en ongekend realistische kleuren. Met een LED-tv van LG gaat je elektriciteitsrekening omlaag, omdat tot 40% minder stroom wordt verbruikt dan met lcd-technologie. Het LED-backlight bespaart ook ruimte: door het superplatte ontwerp kan het apparaat als schilderij aan de muur worde</p>
</div>
<div class="profiel_left_specificaties">
<p>Een revolutie in beeldkwaliteit en een superplat design. De LED-backlighttechnologie van de LE5300 LG LED televisie die een contrastratio van 3.000.000:1 heeft staat garant voor glasheldere beelden, diepere zwarttinten en ongekend realistische kleuren. Met een LED-tv van LG gaat je elektriciteitsrekening omlaag, omdat tot 40% minder stroom wordt verbruikt dan met lcd-technologie. Het LED-backlight bespaart ook ruimte: door het superplatte ontwerp kan het apparaat als schilderij aan de muur worde</p>
</div>
<div class="profiel_right">
<img src="file:///C:/Users/Eigenaar/Desktop/img.jpg" alt="" />
<a href="#">Klik om te vergroten</a>
</div>
</div>
- css vraag
-
28-09-2010, 09:56 #1
- Berichten
- 99
- Lid sinds
- 16 Jaar
css vraag
Laatst aangepast door Wesley Digi : 28-09-2010 om 10:07
-
In de schijnwerper
-
28-09-2010, 11:43 #2
- Berichten
- 2.300
- Lid sinds
- 16 Jaar
Zet eens een ; achter vertical-align:top
misschien helpt dat.
-
28-09-2010, 11:44 #3
- Berichten
- 1.263
- Lid sinds
- 16 Jaar
Heb je een voorbeeld (online)?
Denk dat je om die twee linker floaters nog even een div met overflow(en float:left; uiteraard) moet gooien.
-
28-09-2010, 12:28 #4
- Berichten
- 99
- Lid sinds
- 16 Jaar
Probleem is al opgelost
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic