Misschien een hele domme vraag.
Maar ik krijg het maar niet voor elkaar.
In de CMS staan ze naast elkaar maar live niet.
Ik gebruik magento en kan gewoon html code invoeren.


<p>
<img style="border: 0px; cursor: default; vertical-align: middle; outline: black solid 1px; color: #2f2f2f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: block; margin-left: auto; margin-right: auto; background-color: #ffffff;" alt="" src="http://www.abcwinkel.nl/acceptatie.png" height="287" width="156" />
<a style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;" title="California Scents" href="http://www.abcwinkel.nl/lucht-verfrissers.html">
<span class="text_exposed_show">
<img style="border: 0px; cursor: default; vertical-align: middle; outline: black solid 1px; display: block; margin-left: auto; margin-right: auto;" alt="U moet afbeeldingen instellen om dit te kunnen zien." src="http://www.abcwinkel.nl/2.png" height="287" width="156" />
</span>
</a>
<a style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;" title="Inklapbare Kruis sleutel" href="http://www.abcwinkel.nl/auto-fiets/autogereedschap/bruder-mannesmann-inklapbare-kruissleutel.html">
<span class="text_exposed_show">
<img style="border: 0px; cursor: default; vertical-align: middle; outline: black solid 1px; display: block; margin-left: auto; margin-right: auto;" alt="U moet afbeeldingen instellen om dit te kunnen zien." src="http://www.abcwinkel.nl/3.png" height="287" width="156" /></span>
</a>
</p>
Verwijder de margins eens?

Tevens: verplaats al die inline zut eens naar een stylesheet...
De margins zijn om de afbeeldingen te centreren.
Dit weghalen stuurt de afbeeldingen alleen naar links


Tevens: verplaats al die inline zut eens naar een stylesheet...
Al geprobeerd, maar als ik een bestand wil includen werkt dat niet.
Een stylesheet heeft niks met includeren te maken. Het maakt in ieder geval je stijl-declaraties overzichtelijk en het bespaart dubbele CSS-code.

Begin hier eerst eens mee.
In de CMS staan ze naast elkaar maar live niet.

Ververs de cache eens...
ik heb nu dit
<p align="center">
<img border="0" src="http://www.abcwinkel.nl/acceptatie.png" width="156" height="287"><img border="0" src="http://www.abcwinkel.nl/2.png" width="156" height="287"><img border="0" src="http://www.abcwinkel.nl/3.png" width="156" height="287"></p>

nog steeds onder elkaar helaas, ook na het verversen
Ik heb de code uit jouw laatste post even overgenomen en hier getest.
Resultaat is drie plaatjes naast elkaar in het midden.
Ik heb nu precies hetzelfde probleem. 3 afbeeldingen staan in de editor netjes naast elkaar, maar live op de site niet. Ben jij er nog uitgekomen Jasper?
Kijk eens naar je HTML-code in je browser... ;-)
Beste Jaqqueline.

Ik heb er een tabel van gemaakt die ook meteen responsive is voor mobiele gebruikers.
Dan staan ze voor mobiele geburikers onder elkaar en desktop naast elkaar.
Als je dit nodig hebt, pb me even je email dan mail ik je de bestandjes
Aparte stylesheet maken

Desktop
.image {float:left}
.clearleft {clear:left}

Mobile
@media screen and (max-width:650px){
.image {float:none}
.clearleft {clear:none}
}
Na de derde afbeelding plaats je div class clearleft
Geef de afbeeldingen de class image en voeg afmetingen toe in de CSS. Voeg eventueel margins toe in de desktop css code


Reageren