Joomla!NL - [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

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

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

SPABO
Heeft onderwerp gestart
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
Algemeen Moderator
Berichten: 13633

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
Heeft onderwerp gestart
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
Moderator + Technisch team
Berichten: 37551

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
Heeft onderwerp gestart
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
Moderator + Technisch team
Berichten: 37551

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
Heeft onderwerp gestart
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
Algemeen Moderator
Berichten: 13633

Laatste nieuws

Welkom bij Joomla!NL

opgelost Phoca Gastenboek, uitlijnen invulvelden

Phoca Gastenboek, uitlijnen invulvelden

Phoca Gastenboek, uitlijnen invulvelden

Phoca Gastenboek, uitlijnen invulvelden

Phoca Gastenboek, uitlijnen invulvelden

Phoca Gastenboek, uitlijnen invulvelden

Phoca Gastenboek, uitlijnen invulvelden

Phoca Gastenboek, uitlijnen invulvelden

Phoca Gastenboek, uitlijnen invulvelden

Laatste forumberichten

Wil je Joomla!NL steunen?