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.

opgelost Phoca Gastenboek, uitlijnen invulvelden

Phoca Gastenboek, uitlijnen invulvelden

17 apr 2014 20:22
#1
Ik zou graag de invulvelden netjes uitgelijnd willen zien, maar tot heden heb ik daar geen manier voor gevonden..

Iemand een idee?

Bvd
K
"De oplossing is vaak dichterbij dan je denkt"
"CARPE DIEM"

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

  • SPABO
  • SPABO's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 488

Phoca Gastenboek, uitlijnen invulvelden

17 apr 2014 20:42
#2
Hallo,

Al geprobeerd via het CSS gebeuren?
Anders een linkje?
Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).
Groeten, Jelle
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.

  • Jelle
  • Jelle's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 13589

Phoca Gastenboek, uitlijnen invulvelden

18 apr 2014 08:51
#3
Hoi JelleD, Jazeker , FB wordt er moedeloos van, ik dus ook.

DIT is de link naar het gastenboek.
"De oplossing is vaak dichterbij dan je denkt"
"CARPE DIEM"
  • SPABO
  • SPABO's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 488

Phoca Gastenboek, uitlijnen invulvelden

18 apr 2014 09:00
#4
Artisteer ligt weer eens dwars zoals gewoonlijk. Maar zo moeilijk is het niet. Denk dat je hiermee een heel eind komt:
Code:
#phocaguestbook .control-group { height: 40px; } .jform_guestbook_title-lbl { width: 10%!important; float: left; } #phocaguestbook .controls input[type="text"], input[type="password"], input[type="email"], input[type="url"] { width: 90%; float: right; clear: both; }
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: 37103

Phoca Gastenboek, uitlijnen invulvelden

18 apr 2014 11:29
#5
Helaas Astrid,
Dat gaat niet werken, mn de buttons verschuiven nu helemaal naar boven.

In de oude versie (J2.5) kon ik dit nog omzeilen door in de tekstvakken een paar spatie toe te voegen, echter als ik dit nu doe, dan zie ik deze terug in het inputveld

Ik zou dus al geholpen zijn als ik alleen (Verplicht) in het invulveld zou zien.
"De oplossing is vaak dichterbij dan je denkt"
"CARPE DIEM"
  • SPABO
  • SPABO's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 488

Phoca Gastenboek, uitlijnen invulvelden

18 apr 2014 14:35
#6
Snelle optie:
Code:
#phocaguestbook .element-invisible { float: left; width: 10%; }
Uitgebreide optie:
Code:
#phocaguestbook .hr-condensed { display: none; } #phocaguestbook .addon { float: left; width: 20% !important; } #phocaguestbook .input-prepend { height: 40px !important; } #phocaguestbook .btn-toolbar { display: inline-flex; padding-top: 30px; width: 100%; } #phocaguestbook .controls input[type="text"], input[type="password"], input[type="email"], input[type="url"] { clear: both; float: right; width: 80%; } .orderlistcontainer div.orderlist { z-index: 10; }
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: 37103

Phoca Gastenboek, uitlijnen invulvelden

18 apr 2014 19:23
#7
Yep, dat is een mooie oplossing Astrid, heb alleen het voorlaatste stukje wat moeten aanpassen
Code:
#phocaguestbook .controls input[type="text"], input[type="password"], input[type="email"], input[type="url"] { clear: both; float: right; width: 25%; <<dit margin-right: 340px;<<dit height:10px;<<dit }
"De oplossing is vaak dichterbij dan je denkt"
"CARPE DIEM"
  • SPABO
  • SPABO's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 488

Phoca Gastenboek, uitlijnen invulvelden

18 apr 2014 19:31
#8
Hallo,

Fijn dat het opgelost is.
Dank je wel voor de terugkoppeling.

Je kunt in de toekomst zelf na het terugkoppelen de topic sluiten door op de groene "opgelost" knop te klikken.
Groeten, Jelle
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.

  • Jelle
  • Jelle's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 13589
Moderators: Peter, Juliank92, Jelle, Romke
Tijd voor maken pagina: 1.229 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