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! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Responsive tabel op websitepagina

Responsive tabel op websitepagina

13 jun 2017 11:28
#13
Als je alles op 1 regel wilt, dan moet je het regeleinde na het linkedin icoontje verwijderen. En dan eventueel voor die module een class suffix toevoegen om de mogelijkheid te hebben voor een media query voor kleinere schermen.
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.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37119

Responsive tabel op websitepagina

14 jun 2017 12:58
#14
Opgelost
Discussie gesloten.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

14 jun 2017 13:16
#15
Fijn dat het opgelost is.
Kun je ook aangeven wat de oplossing was, zodat andere leden er eventueel ook wat aan hebben.Is dit al opgelost?
Zo ja, koppel dit even terug.

Daarna kan je de topic zelf sluiten door op de groene knop "Dit is de oplossing" te klikken bij de reactie met de juiste oplossing.


Je had je topic afgesloten met de knop "Dit is de oplossing". Maar omdat de door jou geselecteerde reactie bevat geen oplossing t, . Deze knop is namelijk alleen bedoeld om te gebruiken op een reactie waarin de oplossing staat beschreven.
Kijk ook hier even voor een volgende keer ;)
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum		Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Responsive tabel op websitepagina

14 jun 2017 13:25 - 14 jun 2017 13:30
#16
Het probleem is nog niet opgelost daar de verschaling op één of andere manier nog niet correct is te definieren, het script is opnieuw getest in een testomgeving maar na dit te hebben geplaatst in een actieve omgeving wordt een groot deel van de HTML codes niet
door het joomla 3.72 cms gelezen en wederom staat alles door elkaar heen.

Het enige wat de doel is dat er op een pagina een rij van 5 t/m 10 iconen worden geplaatst welke zodra de view wordt aangepast ook
in zijn geheel leesbaar blijven en niet aan de rechterkant verdwijnen, zie URL eerder geplaatst.
Laatst bewerkt 14 jun 2017 13:30 door james008.
Discussie gesloten.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

14 jun 2017 13:46 - 15 jun 2017 08:28
#17
Officieel is je kolombreedte 200 px.
Jij plaatst daar een tabel die duidelijk breder is. Dat doe jij door een vaste breedte in px mee te geven.
Als ik overigens nu de site op een mobiel bekijk, zie ik keurig de contactgegevens en alle iconen.
Let wel, de kolom komt op mobiel onder je content te staan en dat is normaal.
En anders de raad van @astrid in #13 opvolgen.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum		Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Laatst bewerkt 15 jun 2017 08:28 door Romke.
Discussie gesloten.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Responsive tabel op websitepagina

14 jun 2017 13:56 - 14 jun 2017 19:42
#18
De tabel met de betreffende HTML:
Code:
<table border="0" style="width: 544px; height: 462px;" cellspacing="2"> <tbody> <tr> <td><b>Social Media:</b></td> </tr> <tr> <td><a href="https://plus.google.com/u/0/b/110985066759336917961/110985066759336917961/posts" title="Google+"><img src="images/Google_N.png" alt="Google plus" /></a> <a href="https://www.facebook.com/pages/079-Schilderwerken/471723422977533?fref=ts" title="Facebook"><img src="images/Factbook_N.png" alt="Facebook" /></a> <a href="https://twitter.com/079Schilders" title="Twitter"><img src="images/Twitter_N.png" alt="Twitter" /></a> <a href="https://nl.linkedin.com/in/robindekok" title="LinkedIn"><img src="images/Linked_N.png" alt="Linkedin" /></a> <br /><a href="https://whatsapp.com/" title="Whatsapp Web"><img src="images/Whatsapp.png" alt="Whatsapp" /></a> <a href="http://www.qasa.nl/ervaringen/079-schilderwerken-2629" title="Qasa nieuwbouw projecten in Zoetermeer"><img src="images/Qasa.png" alt="Qasa" width="133" height="48" /></a></td> </tr> <tr>

Graag de oplossing zodat alle <a href .... per item leesbaar in de HTML staan ipv achter elkaar en dat alle 6 iconen ook achter elkaar staan en pas bij verkleining van de pagina onder de eerste icoon gaan verschijnen.

Edit Jelle: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Laatst bewerkt 14 jun 2017 19:42 door Jelle.
Discussie gesloten.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

15 jun 2017 07:34
#19
Nu kan ik deze tabel niet meer terug vinden op je contactpagina maar je kan natuurlijk ook met css media queries aangeven hoe de opmaak moet zijn van de tabel, cellen en de inhoud.
Discussie gesloten.
  • ArjanR
  • ArjanR's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 72

Responsive tabel op websitepagina

15 jun 2017 08:57
#20
Je hebt nog steeds een regeleinde staan en een vaste breedte. Dus als je alle aangegeven oplossingen negeert, dan wordt het erg lastig om je te helpen.
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.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37119

Responsive tabel op websitepagina

15 jun 2017 09:41
#21
Deze vaste tabelbreedte heb ik in de testversie op de width max 200px of 100% maar dan staat nog alles onder elkaar de paginaeinde zijn toch vervangen voor een <br>.
Discussie gesloten.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

16 jun 2017 11:45
#22
Gewoon omdat ik het leuk vind kan je eens kijken naar roosemalen.nl/test.html
Is nog niet super netjes maar alles vloeit wel naar elkaar toe en ook op een mobieltje.
Discussie gesloten.
  • ArjanR
  • ArjanR's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 72

Responsive tabel op websitepagina

16 jun 2017 16:20
#23
Heb net met firefox je broncode bekeken en alles op diverse mobiele devices verschaald ziet er goed uit maar de uitlijning het het verspringen van de diverse iconen kan dit nog beter worden ingezet.
Discussie gesloten.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

17 jun 2017 07:29 - 17 jun 2017 07:29
#24

james008 schreef : maar de uitlijning het het verspringen van de diverse iconen kan dit nog beter worden ingezet.

Ja, dat kan maar hangt af van de hoogte van de diverse iconen. Nu probeert iedere afbeelding naar links te gaan maar word tegen gehouden als er één onder de ander uitsteekt. Dan zijn er twee mogelijkheden om het op te lossen;
  1. Iedere afbeelding even hoog maken zo dat bij ieder beeldschermresolutie ze netjes naast, of onder, elkaar kunnen gaan staan.
  2. Een nieuwe laag maken waar je dan de afbeeldingen die te hoog zijn in zet.
Ikzelf zou voor optie 1 gaan.
Laatst bewerkt 17 jun 2017 07:29 door ArjanR. Reden: Spelfout
Discussie gesloten.
  • ArjanR
  • ArjanR's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 72
Moderators: Peter, Juliank92, Jelle, Romke
Tijd voor maken pagina: 0.858 seconden

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