Schuin onder elkaar, ipv recht onder elkaar

**MarienK** · 10-07-2010, 16:30

Ik ben nogal nieuw met CSS.

Ik wist altijd wel hoe ik het aan moest passen, maar nooit van scratch te gebruiken.

Ik ben nu dus aan het pielen.

Ik gebruik het allemaal in de editor voor wordpress.

Het ziet er gewoon goed uit in dreamweaver, maar blijkbaar werkt het niet zoals ik wil in WP..... Wat doe ik verkeerd???

Bijgevoegd is een screenshot en de code.

Code:

<style type="text/css">
.kenmerken-gegevens {
    max-width: 864px;
    margin: 0;
    min-height: 85px;
    margin-left: px;
    padding-top: 5px;
}
</style>
<div class="product-pagina" id="kenmerken">Hier wordt de inhoud voor  class "pagina" id "kenmerken" weergegeven

<div class="kenmerken-gegevens" id="kenmerken">
<img style="border: 0pt none; float:left;  padding-right:10px; padding-bottom:px"  src="http://nice-r.nl/images/testimg.png" /><strong>Minimale geluidsproductie</strong> <br />
    Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem   quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam   nunc, blandit vnas nec odio et ante tincidunt tempus
</div>

<div class="kenmerken-gegevens" id="kenmerken">
 <img style="border: 0pt none; float:left;  padding-right:10px; padding-bottom:px"  src="http://nice-r.nl/images/testimg.png" /><strong>Minimale geluidsproductie</strong> <br />
    Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem   quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam   nunc, blandit vnas nec odio et ante tincidunt tempus
</div>

<div class="kenmerken-gegevens" id="kenmerken">
<img style="border: 0pt none; float:left;  padding-right:10px; padding-bottom:px"  src="http://nice-r.nl/images/testimg.png" /><strong>Minimale geluidsproductie</strong> <br />
    Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem   quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam   nunc, blandit vnas nec odio et ante tincidunt tempus
</div>
</div>

**Daniël de L.** · 10-07-2010, 16:54

Probeer dit eens toe te voegen:

Code:

.kenmerken-gegevens {
   clear: both;
}

Als dat niet werkt, moet je eens kijken of WordPress je (HTML-) code niet stiekem verandert.

**SleemanH** · 10-07-2010, 17:22

Je moet iets meer tekst schrijven wat naast het blokje staat en dan gaat ie automatisch onder elkaar.....

**S. van Laere** · 10-07-2010, 17:51

Dus je wilt het krijgen zoals in je screenshot? :
http://oukjeweb.com/schuin

**MarienK** · 10-07-2010, 19:24

juist niet,

iedere keer als ik iets in dreamweaver heb gemaakt, ziet er prima uit, je plakt het in wordpress en hij vernaggeld het.

**Freek G** · 10-07-2010, 19:31

Zou je misschien de url in de topic kunnen zetten, of sturen via pm?

**Ben Boogaardt** · 10-07-2010, 20:05

Ziet er uit alsof je een div bent vergeten te sluiten.

**S. van Laere** · 10-07-2010, 21:32

Geen Wordpress gebruiken is ook een optie?

**MarienK** · 10-07-2010, 22:17

geen wordpress gebruiken is geen optie.

Wordpress werkt heerlijk kwa ontwerpen e.d.

Maar informatie toevoegen via de editor is gewoon niet meer van deze tijd. Wanneer wordt het eens dynamisch dat je met je muis bv plaatjes kan heen en weer bewegen etc. en tekst die automatisch eromheen valt, dat je dat ook gelijk in de editor ziet..

**MarienK** · 10-07-2010, 22:19

ik ben nu al heel de middag en avond bezig met wat simpele vakjes, nu stuit ik op het volgende probleem.

Niet zo zeer in Wordpress, maar in dreamweaver :S

zie bijlage.

Hoe kan dit ???? de code is voor iedere vak gelijk maar toch wordt de afstand steeds groter.

ps: dit is niet te zien in de html pagina, maar wel dus in het voorbeeld veld in dreamweaver.

Code:

.icoon-veld {
    max-width: 650px;
    min-height: 125px;
    margin-bottom: 10px;
}
.icoon {
    height: 80px;
    width: 80px;
    float:left;
    margin-top: 10px;
    margin-left: 10px;
}
.icoon-beschrijving {
    float: left;
    margin-top: 10px;
    max-width: 500px;
    margin-left: 30px;
        
}

**MarienK** · 11-07-2010, 02:25

nvm.

Alles opgelost.

bedankt voor de support !

**Ben Boogaardt** · 11-07-2010, 10:06

En wat was de oplossing?

**MarienK** · 11-07-2010, 13:52

Volgens mij vergeten een bepaalde maat goed te hebben gezet.

Schuin onder elkaar, ipv recht onder elkaar