Ondersteuning Volgende » CSS / opmaak vragen Volgende » widget area

  • leonmelisse

    (@leonmelisse)


    De widget area’s onderin waren altijd volledige breedte, er is iets gebeurd waardoor alle content links komt te staan, ook als ik de second bottom widget area ook voorzie van content dan komt ook op de linker helft te staan, ikzelf heb het thema niet gemaakt maar vraag mij wel af hoe dit zomaar kan. Is ooit gemaakt met aristeer. De 2 rss feeds staan nu in de first bottom widget area zoals altijd. Zet ik feed 2 nu in de second bottom widget area dan propt hij ze naast elkaar op de linker zijde van de pagina.

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Inmiddels maar dit stukje script uit het css gehaald.

    .art-layout-cell
    {
    display: table-cell;
    vertical-align: top;
    }

    alles ziet er nog goed uit en widgets onderin beeldvullend nu, kan iemand mij vertellen wat deze regel dan wel regelt, aangezien ik er niks van kan zien dat het weg is.

    Alleen mobiele versie is niet goed dus wellicht moet ik toch ergens anders wat aanpassen?

    • Deze reactie is gewijzigd 1 week, 6 dagen geleden door  leonmelisse. Reden: aanvulling

    Hey,

    De regel die je eruit hebt gehaald zegt niks anders dan dat het element waarop het gedefinieerd stond zich gedroeg als een ‘table-cell’, oftewel als een cell van een table. Vroeger bouwde je nog in tables, tegenwoordig in DIV structuur, met ivm het responsive verhaal. Een DIV heeft standaard de eigenschap ‘block’ ipv ‘table’ of ‘table-cell’ maar kan overschreven worden door de display aan te passen. Vaak wordt een ‘table’ of ‘table-cell’ gebruikt om zaken verticaal te centreren. Een dergelijk element heeft standaard de eigenschap de breedte in te nemen van de hoeveelheid content die erin staat. Een DIV daarentegen heeft standaard altijd 100% breedte, oftewel beeldvullend over de breedte.

    Voor wat betreft je mobiele versie: dit zou je kunnen oplossen door de absolute waarden van je DIV elemente te halen op mobiel via Media Queries. Is veel over te vinden op internet dus zou beetje dubbelop zijn hierover van alle voor te kauwen 😉

    Leesvoer: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

    Ik ga er mee aan de gang, bedankt voor je antwoord.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)