Doorzoek het forum

Trefwoord

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! 4.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

footer alignment aanpassen

19 juni 2022 11:08
Heeft onderwerp gestart
footer alignment aanpassen #1
hallo,

ok dit word even een verhaaltje, sorry:)

# ff off topic: ik volg een te gekke cursus en het kwartje begint te vallen.
Ik wou het nog als een tip geven, maar daar kun je niks plaatsen, mogelijk iets voor de moderators om deze daar eventueel bij te zetten?
word er goed uitgelegd, en zit structureel erg goed in elkaar.
www.youtube.com/watch?v=G3e-cpL7ofc

#back on topic:

ben bezig met die tool van chrome, zit nog maar bij les 4 Chrome DevTools & CSS Box Model
Begin het te leren, maar kennis is nog lang niet toereikend, maar ga er mee verder, boek resultaat, dus smaak te pakken.

ondertussen ben ik bezig met deze site, waar ik een probleem in de footer heb
hansdol.nl/

dat is dan volgens mij : .footer .grid-child

Ik heb dat box-model een beetje door, en snap dat die browsers text-based zijn, waardoor die alignment van die footer in de soep loopt.
maar dat stukje gaat me nog boven de pet, en ik moet die footer goed hebben.
Ik heb in die footer 4 custom modules staan, op een pc verschilt die inhoud in hoogte, en op een tel is de module "and more" niet links maar in het midden

Kortom: ik doe mijn best het te leren, maar help me ff op weg jongens :unsure:
Hoe pak ik dat aan, want ik wil die site ook afmaken, het is de laatste fout die ik nog in die layout heb zitten, en ik kom er niet uit

Alvast bedankt

Lang leve de lol.
stapper
Vaste bezoeker van Joomla!NL
Vaste bezoeker van Joomla!NL
Berichten: 743
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

20 juni 2022 10:00
footer alignment aanpassen #2
Komt door deze definitie:
.footer .grid-child {
	 align-items: center; 
}
Daarnaast zijn je afbeeldingen niet allemaal even hoog.

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.

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

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 35519
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

20 juni 2022 12:14
Heeft onderwerp gestart
footer alignment aanpassen #3
hallo,

ik had al een beetje uitgevlooid dat dat hem moest zijn, dus dat is goed.
punt is een beetje dat ik nog niet ver genoeg ben met die cursus...
( knoppen gemaakt, active, hover,,, ect, dat gaat allemaal lekker)

Ik zal die plaatjes aanpassen, en op de lokale versie van de site een beetje ermee stoeien.
Ik weet nog niet exact hoe ik hem moet aanpassen, omdat ik nog niet zo ver ben...
Maar..... het is best leuk css ( tot nog toe)

laat maar ff tijdje open als je wilt, als het niet lukt kom ik er nog even op terug

bedankt alvast.

Lang leve de lol.
stapper
Vaste bezoeker van Joomla!NL
Vaste bezoeker van Joomla!NL
Berichten: 743
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 10:10 25 juni 2022 10:11 door stapper.
Heeft onderwerp gestart
footer alignment aanpassen #4
pfffff, heel eind verder met die cursus, er is hoop...
Ik kan al een aardig stukje neer zetten, valt me niet tegen, maar zit nu op de helft

plaatjes heb ik allemaal 61 px height gegeven ( behalve die foto rechts natuurlijk)

Maar die footer, ik zie het niet... als ik in die tool van chrome bijvoorbeeld die align-items naar bottom zet, dan heb ik de eerste 3 modules goed.
ook via toggle device toolbar ( mobiele weergave) ziet dat er dan goed uit.
Alles zakt dan, behalve die foto rechts... Dus ik dacht die naar beneden op een gelijke lijn en ik ben er.
margin-top dacht ik toen, maar das geen optie.

Ik doe mijn best, maar tja dit is best complex, ik zie het niet, heb ff wat meer hulp nodig
Welke css selectors moet ik aan denken, om hem goed te krijgen?
Ik wil het zelf, doen, hoef het antwoord niet, maar licht nog ff een punt van de sluier op als je wilt?

bvd

Lang leve de lol.
stapper
Vaste bezoeker van Joomla!NL
Vaste bezoeker van Joomla!NL
Berichten: 743
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 11:21
footer alignment aanpassen #5
Ik zie nog steeds afbeeldingen met verschillende hoogtes. En er zijn een aantal mogelijkheden voor de value. Maar bottom gaat in ieder geval niet werken.

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.

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

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 35519
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 11:48
Heeft onderwerp gestart
footer alignment aanpassen #6
Foutje... had het lokaal gedaan :)
Dus die align-items... ik zit close...

Tricky, die footer......
ik rommel nog even om, aanhouder wint...

thanks

Lang leve de lol.
stapper
Vaste bezoeker van Joomla!NL
Vaste bezoeker van Joomla!NL
Berichten: 743
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 12:46
Heeft onderwerp gestart
footer alignment aanpassen #7
ok daar gaat die :P
baseline? dan lijkt die wel goed.

en dan zet ik dus in mijn css bestand
.footer .grid-child {
  align-items: baseline;
 }

als dat klopt dan moet die afbeelding rechts nog wat zakken
Die afbeelding heeft geen class ( volgens mij)
Dus dan breng ik in die html van die module een class="" aan?
Die spreek ik dan weer aan in het css bestand, en die geef ik dan padding-top: aantalpx;?

zit ik op de goede weg, of maak ik er een zooitje van en denk ik veel te ingewikkeld?:cheer:

bvd

Lang leve de lol.
stapper
Vaste bezoeker van Joomla!NL
Vaste bezoeker van Joomla!NL
Berichten: 743
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 13:12
footer alignment aanpassen #8
Waarom wil je toch steeds alles onder uitlijnen? Ik zou kiezen voor unset, inherit of flex-start zodat alles netjes boven uitlijnt. En dan eventueel een staande foto gebruiken rechts. Of bij uitzondering inderdaad een padding of marge boven toevoegen, maar zou niet mijn voorkeur hebben.

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.

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

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 35519
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 14:31
Heeft onderwerp gestart
footer alignment aanpassen #9
Hoi,

Dat komt omdat ik die benamingen nog niet ken... flex, div en grid zit in het volgende hoofdstuk...
maar het word beter, css & html... doe mijn best...

inherit deed de truc... top thanks...!!

Dus als ik daar rechts een staande foto zet, is dat probleem ook opgelost? Dan doen we dat, ik snij wel ergens een hoek uit.
Welke afmetingen zou jij hem dan geven?

Nog een vraag, wil er ook wel een nieuw topic van maken...
Op een telefoon is die module "and more", klein en staat die in het midden. ( die moet zelfde grootte en naar links)

ik kan daar niet een verklaring voor vinden, ik zie geen verschil in die modules.
Heb jij een idee?

bvd

Lang leve de lol.
stapper
Vaste bezoeker van Joomla!NL
Vaste bezoeker van Joomla!NL
Berichten: 743
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 16:01
footer alignment aanpassen #10
Is dit bezigheidstherapie? Ik zie nog steeds
.footer .grid-child {
	 align-items: center; 
}

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.

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

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 35519
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 18:46
Heeft onderwerp gestart
footer alignment aanpassen #11
huh?

Doe ik wat verkeerd?
Tja volgens mij klopt die, maar ben ook nog niet zo lang bezig met css..


Lang leve de lol.
stapper
Vaste bezoeker van Joomla!NL
Vaste bezoeker van Joomla!NL
Berichten: 743
Lees meer

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

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 18:47
Heeft onderwerp gestart
footer alignment aanpassen #12
misschien ff crlt/f5? dat had ik hier ook....

Lang leve de lol.
stapper
Vaste bezoeker van Joomla!NL
Vaste bezoeker van Joomla!NL
Berichten: 743
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 18:54
Heeft onderwerp gestart
footer alignment aanpassen #13
verrek, nou snap ik er echt ff niks van..
Die afbeelding die ik stuurde deed ik met tool firefox...

Nou controleerde ik het nog een keer... met die tool van chrome en daar geeft die idd aan wat jij zegt...
In die user.css heb ik het zo neer gezet
.footer .grid-child {
  align-items: inherit;
}

Lang leve de lol.
stapper
Vaste bezoeker van Joomla!NL
Vaste bezoeker van Joomla!NL
Berichten: 743
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

25 juni 2022 21:18
Heeft onderwerp gestart
footer alignment aanpassen #14
Nou he he, gevonden....
Ik had daar in die user.css al het 1 en ander staan...
ik had die regel helemaal onderaan gezet, die regel daarboven zit denk ik een foutje.
Toen ik hem daarboven zette werkte die regel wel...

CSS word zeker van boven naar beneden gelezen?
1 foutje en de rest daaronder werkt niet?

Afijn nu klopt die in beide tools die van firefox en die van chrome..

Op de pc ziet die er goed uit, op een mobiel staan de laatste 2 nu wel in het midden ( dus niet links)
op zich staat dat niet raar, maar die module van "and more" is de tekst kleiner...

Lang leve de lol.
stapper
Vaste bezoeker van Joomla!NL
Vaste bezoeker van Joomla!NL
Berichten: 743
Lees meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

Tijd voor maken pagina: 0.195 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

Joomla!NL op Twitter

Op dinsdag 21 juni 2022 zijn Joomla! 4.1.5 en 3.10.10 vrijgegeven. Dit zijn updates die bugs repareren en enkele ve… https://t.co/Jm9MtXtU4y

Op dinsdag 24 mei is Joomla! 4.1.4 vrijgegeven. Dit is een bugreparatie release voor de 4.x serie van Joomla! die v… https://t.co/R0iHAAfPPf

De naam Joomla!® en logo worden gebruikt onder een beperkte licentie met toestemming van Open Source Matters.
Joomlanl.nl is niet verbonden aan en is geen onderdeel van Open Source Matters, Inc, of het Joomla! project.

© 2022 - Joomla!NL | Gehost door Wned