Zet de naam van de webshopextensie in de titel en vermeld verder in iedere vraag:
- De exacte versie van Joomla! die je gebruikt
- De exacte versie van de webshopextensie.
- 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
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:
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.
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
- Heeft onderwerp gestart
- Regelmatige bezoeker van Joomla!NL
- Berichten: 205
Input en label in line krijgen
03 nov 2018 21:19
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%.
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
- Algemeen Moderator
- Berichten: 3634
- Hubert
- Heeft onderwerp gestart
- Regelmatige bezoeker van Joomla!NL
- Berichten: 205
Input en label in line krijgen
04 nov 2018 16:22
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
- Moderator + Technisch team
- Berichten: 37431
Input en label in line krijgen
04 nov 2018 18:19
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
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
- Heeft onderwerp gestart
- Regelmatige bezoeker van Joomla!NL
- Berichten: 205
Input en label in line krijgen
04 nov 2018 18:33 - 04 nov 2018 18:37
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
- Moderator + Technisch team
- Berichten: 37431
Input en label in line krijgen
04 nov 2018 20:22
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
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
- Heeft onderwerp gestart
- Regelmatige bezoeker van Joomla!NL
- Berichten: 205
Tijd voor maken pagina: 0.694 seconden