Skip to main content

Welkom bij Joomla!NL

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

Zet de naam van de webshopextensie in de titel en vermeld verder in iedere vraag:
  1. De exacte versie van Joomla! die je gebruikt
  2. De exacte versie van de webshopextensie.
  3. De volledige url van je website (indien mogelijk).

opgelost Input en label in line krijgen

Input en label in line krijgen

03 nov 2018 19:30 - 03 nov 2018 20:27
#1
Ik heb een webshop (gemaakt met Hikashop) waarin ik twee filters heb waarmee je een subset van de producten kunt kiezen: www.ijscomanvenlo.nl/webwinkel .

Nu zet Hikashop standaard de tickbox boven de label tekst, terwijl ik ze netjes aligned naast elkaar wil hebben.

Op Stackoverflow heb ik een methode gevonden met css:
Code:
/* Bij filter tekst en tickbox op 1 regel zetten */ .hikashop_filter_checkbox label, .hikashop_filter_checkbox input { float: none; /* if you had floats before? otherwise inline-block will behave differently */ display: inline-block; vertical-align: middle; }

Het vreemde is nu dat dit bij het onderste filter goed werkt, maar bij het bovenste filter zet hij alle regels achter elkaar. Voor zover ik kan zien is de HTML code van beide filters hetzelfde.

Kan iemand mij vertellen wat hier fout gaat?

Alvast bedankt,

Hubert

Edit Jelle: Ik heb je topic verplaatst naar het juiste forum.
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 205

Input en label in line krijgen

03 nov 2018 21:19
#2
Of het een juiste oplossing is weet ik niet zeker maar het werkt wel
toevoegen van een width bij label 90% en bij input 10%.
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.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3634

Input en label in line krijgen

04 nov 2018 01:11
#3
Helaas,

Bij mij doet het niets!

Hubert
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 205

Input en label in line krijgen

04 nov 2018 16:22
#4
Ik zie het nu goed. Betekent dit dat je probleem opgelost is?
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: 37431

Input en label in line krijgen

04 nov 2018 18:19
#5
Deels.

Door display:block te koppelen aan de span die rondom de filters staat, heb ik alle regels goed gekregen. Ik vond op internet allerlei hele lange CSS-oplossingen, maar deze bleek voldoende te zijn.

Het vreemde is nog steeds dat de regelafstand bij het onderste filter groter is dan bij het bovenste, terwijl volgens mij de HTML code hetzelfde is. Zie jij toevallig iets wat ik over het hoofd zie?

Hubert
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 205

Input en label in line krijgen

04 nov 2018 18:33 - 04 nov 2018 18:37
#6
Er zit een lege regel tussen
Code:
<br/>
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: 37431

Input en label in line krijgen

04 nov 2018 20:22
#7
Je hebt gelijk.

Ik ben eens de vele instellingen van de filters gaan vergelijken, en er blijkt er één verschillend te zijn. En die verzoorzaakt bljkbaar die <br>

Dank.

Hubert
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 205
Moderators: JelleRomke
Tijd voor maken pagina: 0.694 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