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

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.
  • 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.
  • 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.
  • 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.
  • 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.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37059

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>.
  • 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.
  • 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.
  • 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
  • ArjanR
  • ArjanR's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 72

Responsive tabel op websitepagina

17 jun 2017 09:02
#25
Dit zou ik ook doen daar de Social Media groep 48 px hoog is klopt dan tocht de uitlijnen niet welke je beschrijft deze zijn gelijk dan dient dit toch correct te verlopen.

De branche organisatie groep staat op 75 ox hoog, idem

Alleen de samenwerkingsverbanden zijn niet allemaal evenhoog dus dat kan optie 2 zijn.

Is het ook niet raadzaam om per groep een aparte container te maken waarin alles zit?
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

18 jun 2017 07:50
#26
Iets "dwingen" om 75 pixels hoog te zijn is iets anders dan de afbeelding ook op de werkelijke 75 pixels hoog te maken. Zo als al eerder getypt heb ik niet zo heel veel aandacht besteed aan de uitlijning en/of de afbeeldingen.
Deze heb ik nu wel even bekeken en de klassieke beginnersfout is gemaakt, namelijk met html de afbeelding verkleinen in plaats van met, bijvoorbeeld, Paint.
Oké, de Logo-SBB.png is 1121 x 1121pixels, BS-erkend-groot.png is 3154 x 2321 pixels en de OnderhoudNL.png is 1181 x 930 pixels groot. Als je deze afbeeldingen, en misschien ook anderen, nu eens verkleint met Paint, ze opslaat als .jpg (een .png bestand heb je alleen maar nodig als er transparantie in de afbeelding zit) is je pagina een stuk sneller en kunnen alle afbeeldingen wel onder elkaar door schuiven.
  • ArjanR
  • ArjanR's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 72

Responsive tabel op websitepagina

18 jun 2017 09:37
#27
Alle afbeeldingen worden door ons altijd bewerkt met Photoshop dus vandaar de verkleining in HTML als dit de oorzaak is van het niet verschuiven onder elkaar gaan we Paint gebruiken en als .jpeg naar gelijke grootte quq hoogte zetten. In sommige afbeeldingen is er zeker sprake van transparantie dus vandaar het gebruik ven .png bestanden.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.373 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