Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 2.5 die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Tekst naast foto en button

Tekst naast foto en button

13 feb 2013 11:53
#1
Hello!

Ben al uren bezig maar het lukt voor geen meter.

Voor mijn werk beheer ik de website. Dit gebeurt in Joomla wat heel gebruiksvriendelijk is.
Voor artikelen maak ik gebruik van HTML en CSS. Het meeste kan ik wel aanpassen maar nu loop ik tegen een (simpel) probleem aan.

allmotive.eu/voertuigen/specificaties

Zodra ik twee regels naast de afbeelding plaats dan klopt het niet meer met de button.
Bij 1 afbeelding staat de tekst en de button wel recht 8)7

Nu heb ik een test pagina gemaakt om het probleem te fixxen maar niks lijkt te werken. Ik krijg het met geen mogelijkheid netjes onder elkaar.

Is dit probleem op te lossen? Heb de button met CSS al iets kleiner gemaakt maar het probleem blijft bestaan.

allmotive.eu/producten/test-pagina
Code:
<table> <tbody> <tr> <td>&nbsp;<img style="vertical-align: middle;" alt="1 DFSK Citytruck Pick up K01" src="images/pdf/DFSK/1%20DFSK%20Citytruck%20Pick%20up%20K01.jpg" height="100" width="175" /></td> <td> <p>DFSK Pick Up E-Power</p> <p><span style="font-size: 11px; line-height: 1.3em;">DFSK Pick Up E-Power</span></p> </td> <td style="width: 250px;"><a class="pdf" href="images/pdf/DFSK/2%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Groengas%201.pdf">Klik hier!</a> <p><a class="pdf" href="images/pdf/DFSK/1%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Epower%201.pdf">Klik hier!</a></p> </td> </tr> </tbody> </table> <p>&nbsp;</p> <p><span style="line-height: 1.3em;">&nbsp;</span><img src="images/pdf/DFSK/1%20DFSK%20Citytruck%20Pick%20up%20K01.jpg" width="175" height="100" alt="1 DFSK Citytruck Pick up K01" style="vertical-align: middle;" />&nbsp;</p> <table> <tbody> <tr> <td>DFSK Pick Up E-Power</td> <td></td> <td style="width: 250px;"><a class="pdf" href="images/pdf/DFSK/2%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Groengas%201.pdf">Klik hier!</a></td> </tr> <tr> <td>DFSK Pick Up Groengas</td> <td></td> <td style="width: 250px;"><a class="pdf" href="images/pdf/DFSK/2%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Groengas%201.pdf">Klik hier!</a></td> </tr> </tbody> </table> <table border="0"> <tbody> <tr> <td><img src="images/pdf/DFSK/1%20DFSK%20Citytruck%20Pick%20up%20K01.jpg" width="175" height="100" alt="1 DFSK Citytruck Pick up K01" style="vertical-align: middle;" /></td> <td>DFSK Pick Up Groengas</td> <td style="width: 250px;"><a class="pdf" href="images/pdf/DFSK/2%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Groengas%201.pdf">Klik hier!</a></td> </tr> </tbody> </table>
  • robdegekste
  • robdegekste's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 42

Tekst naast foto en button

13 feb 2013 12:25
#2
Er zit verschil in je tabellen. Ik zou sowieso met 1 tabel in het hele artikel werken en alles in 1 tabel zetten. Dan weet je zeker dat alles hetzelfde staat.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37456

Tekst naast foto en button

13 feb 2013 12:48
#3
Dat weet ik, allmotive.eu/producten/test-pagina is een test site.
Hierop test ik verschillende mogelijkheden echter heeft nog niks gewerkt.

Heb jij suggesties?
  • robdegekste
  • robdegekste's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 42

Tekst naast foto en button

13 feb 2013 13:05
#4
Werken met samengevoegde cellen. Ongeveer zo:
Code:
<table border="0"> <tbody> <tr> <td rowspan="2"><img alt="add" src="images/fsf/kbcats/add.png" /> </td> <td>tekst 1</td> <td>button 1</td> </tr> <tr> <td>tekst 2</td> <td>button 2</td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td rowspan="2"><img alt="book" src="images/fsf/kbcats/book.png" /> </td> <td>tekst 1</td> <td>button 1</td> </tr> <tr> <td>tekst 2</td> <td>button 2</td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td rowspan="2"></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table>
En geen handmatige opmaak gebruiken, wat je nu wel doet. Je template regelt het lettertype!
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37456

Tekst naast foto en button

13 feb 2013 13:07 - 13 feb 2013 13:13
#5
Thnx! Gebruik jij nooit de editor van Joomla?

Het aanmaken van tabellen gaat best makkelijk alleen als je wat specifieke eisen hebt lukt het vaak niet.
In ieder geval bedankt voor je antwoord. Hopelijk lukt het hiermee.

Edit: Astrid, het ziet er al beter uit! allmotive.eu/producten/test-pagina

Alleen er is nog wel een regelwit regel onder elkaar, is dit weg te halen?
  • robdegekste
  • robdegekste's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 42

Tekst naast foto en button

13 feb 2013 13:16
#6

Thnx! Gebruik jij nooit de editor van Joomla?

Is gewoon met JCE gemaakt hoor. En was ook maar een voorzet voor het principe van het werken met samengevoegde cellen. Rest kan je zelf denk ik wel vinden. Zet je tabelbreedte bijvoorbeeld op 100%.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37456

Tekst naast foto en button

13 feb 2013 13:34
#7
Nu alleen nog de witregel aanpassen. Bij jou voorbeeld moet ik ook de tekst iets laten spreiden. In Chrome ziet het er goed uit maar in Firefox en IE wordt de tekst in elkaar gepropt.

Het eindresultaat komt eindelijk in zicht Ga straks aan de slag met cell padding zodat alles er uit ziet.

Totaal moeten er vier tabellen komen dus ben nog wel even druk.
  • robdegekste
  • robdegekste's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 42

Tekst naast foto en button

13 feb 2013 15:41
#8
Klaar !
  • robdegekste
  • robdegekste's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 42
Moderators: JelleRomke
Tijd voor maken pagina: 0.832 seconden
Gemaakt door Kunena

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie