footer alignment aanpassen

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.


#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
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

Komt door deze definitie: Daarnaast zijn je afbeeldingen niet allemaal even hoog.

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.

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

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.

Foutje... had het lokaal gedaan
Dus die align-items... ik zit close...

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

thanks

ok daar gaat die
baseline? dan lijkt die wel goed.

en dan zet ik dus in mijn css bestand

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?

bvd

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.

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

Is dit bezigheidstherapie? Ik zie nog steeds

huh?

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

misschien ff crlt/f5? dat had ik hier ook....