Beste SD'ers,

Ik wil 2 plaatjes onder elkaar plaaten in html, alleen lukt mij dit niet.

Het gaat om de volgende link: http://goo.gl/3kE5TQ



Mvg,

Marlon

Om welke plaatjes gaat het?
Volgens mij ziet de site er goed uit momenteel?

Het gaat om de plaatjes 'Aanbiedingen' en 'Sexy lingerie'

Ze moeten gelijk staan als die andere plaatjes er onder, ze staan nu iets naar achter.

Ik neem aan dat je bedoelt dat ze rechts niet gelijk zitten?

Ik heb momenteel geen tijd en zin om al je code door te spitten.

Ik zie meerdere stylesheets, en weet dus niet waar ik moet gaan zoeken.

Maar ik zie dat ze in een div staan.
Het lijkt mij dat als je deze div margin-right: 0px; en right: 0; meegeeft, dat hij gewoon tegen de rechterkant van de container aan moet gaan staan.

Marlon,

Als ik in de <img style=""> van "aanbiedingen" en "sexy lingerie" float:right; plaats, dan komen ze bij mij op de juiste plaats.

Ik zie dat je er ook al een margin bottom van 5px op hebt staan. daarachter dus float:right; en in de afbeelding eronder precies hetzelfde.

Hopelijk heb je er wat aan.

Kevin

Ik ga het even proberen.

Even offtopic tip, laat in je start bericht weten dat het om een blotte billen pagina gaat.
Nu moet ik het weer uitleggen aan die kleine gasten die naast me zaten. ))

haha zal het de volgende keer melden :)

Ik heb het geprobeerd, nu lukt het wel op het 1e plaatje maar het 2e plaatje wilt maar niet lukken.

Wat doe ik precies fout?

<div class="offer span4 hidden-phone"><a href="#"><!-- pagebreak --> <img style="margin-bottom: 5px; float: right;" src="{{media url="wysiwyg/aanbiedingen_new.jpg"}}" alt="" height="237" /></a><a href="#">&nbsp;</a><img src="{{media url="wysiwyg/sexylingerie_new_1.jpg"}}" alt="" height="237" /></div>
<div class="flexslider span8">

Beste Marlon,

Als je je code netjes maakt zie je het volgende:

Code:

<div class="offer span4 hidden-phone">

<a href="#">
<img style="margin-bottom: 5px; float: right;"  src="{{media url="wysiwyg/aanbiedingen_new.jpg"}}" alt="" height="237"  />
</a>

<a href="#">&nbsp;</a>
<img  src="{{media url="wysiwyg/sexylingerie_new_1.jpg"}}" alt="" height="237" style="float: right;" />

</div>
<div class="flexslider span8">

Ik heb je code netjes gemaakt, en de aanpassing toegepast. Tevens zie ik een a href staan die mij onverklaarbaar is.. Moet die href niet om de img staan?

In ieder geval als je je stukje code vervangt voor het gene wat ik nu hierboven geef, zou alles het goed moeten staan.

Kevin.

Je hebt zo te zien alleen de eerste img een "float:right" meegegeven. Bij de tweede image heb je geen style toegevoegd.

Waarom gebruik je überhaupt inline styles trouwens? Dit kun je ook prima regelen in de stylesheet, bijvoorbeeld .span4 img {float:right;}

EDIT Kevin was me net voor.

Ik ben niet zo goed met codes. Ben er eigenlijk net een paar maanden mee bezig.
Het is nu gelukt hartelijk dank hiervoor! Echter is er een probleem voor terug gekomen

Nu werkt de slider niet meer. Doe ik weer wat fouts?

<div class="offer span4 hidden-phone"><a href="#"> <img style="margin-bottom: 5px; float: right;" src="{{media url="wysiwyg/aanbiedingen_new.jpg"}}" alt="" height="237" /> </a> <a href="#">&nbsp;</a> <img style="float: right;" src="{{media url="wysiwyg/sexylingerie_new_1.jpg"}}" alt="" height="237" /></div>
<h3><span>CLUB</span> WEAR</h3>
<span class="f-price">VANAF &euro;14.99</span><a class="f-btn" href="#">SHOP NU!</a></div>
<ul>
<li><img src="{{media url="wysiwyg/slide-02.jpg"}}" alt="" width="770" height="474" />
<div class="flex-caption hidden-phone">
<h3><span>GOEDKOOPSTE</span> IN LINGERIE</h3>
<span class="f-price">AL VANAF &euro; 2,99</span><a class="f-btn" href="#">SHOP NU!</a></div>
</li>
</ul>

Beste Marlon,

Kijk eens goed naar jou stukje code wat je nu geeft en wat je vervangen hebt., en mijn stukje code.

Als ik even vluchtig kijk, mis je de div class flexslider na de offer span4 afsluitingsdiv..

Origineel gepost door Marcel Melis

Waarom gebruik je überhaupt inline styles trouwens? Dit kun je ook prima regelen in de stylesheet, bijvoorbeeld .span4 img {float:right;}

En dit, kun je beter toepassen. Nog makkelijker is een class op de images gooien, en daar per class de juiste attributen toewijzen. Let op; voor je 1e plaatje de bovenste moet je ook een andere class aanmaken die ook nog eens de margin-bottom: 5px; toevoegt ..


Kevin.

Kan je mij misschien vertellen waar ik dat moet plaatsen? Want kom er niet helemaal uit :P

Even offtopic, wat vinden jullie van de website?

Beste Marlon,

Na de afsluitersdiv van de span4 hidden phone.
Zo dus

Code:

<div class="offer span4 hidden-phone"><a href="#"> <img  style="margin-bottom: 5px; float: right;" src="{{media  url="wysiwyg/aanbiedingen_new.jpg"}}" alt="" height="237" />  </a> <a href="#">&nbsp;</a> <img style="float:  right;" src="{{media url="wysiwyg/sexylingerie_new_1.jpg"}}" alt=""  height="237" /></div>
<!-- DIV CLOSED-->

<!--OPEN FLEXSLIDER SPAN8-->
<div class="flexslider span8">
<h3><span>CLUB</span> WEAR</h3>
<span class="f-price">VANAF &euro;14.99</span><a class="f-btn" href="#">SHOP NU!</a></div>
<ul>
<li><img src="{{media url="wysiwyg/slide-02.jpg"}}" alt="" width="770" height="474" />
<div class="flex-caption hidden-phone">
<h3><span>GOEDKOOPSTE</span> IN LINGERIE</h3>
<span class="f-price">AL VANAF &euro; 2,99</span><a class="f-btn" href="#">SHOP NU!</a></div>
</li>
</ul>