home.social

#footer — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #footer, aggregated by home.social.

  1. Ha. Well done to the World Cup winners. The other team showed themselves up. #footer

  2. Ha. Well done to the World Cup winners. The other team showed themselves up. #footer

  3. Roach Minor found on the interweb a suggestion that Mr Kane and M. Mbappé should connive to score 15 goals each to deny Old Rat Face the Boot of Gold in the men's footer world cup, and then just let the match be decided by extra time and penalties. #ENGFRA #FRAENG #footer #MrMessy

  4. Roach Minor found on the interweb a suggestion that Mr Kane and M. Mbappé should connive to score 15 goals each to deny Old Rat Face the Boot of Gold in the men's footer world cup, and then just let the match be decided by extra time and penalties. #ENGFRA #FRAENG #footer #MrMessy

  5. Portugal vs. Spain free live stream today: Where to watch 2026 FIFA World Cup, time, channel

    Cristiano Ronaldo leads Portugal against Lamine Yamal and Spain as the Round of 16 continues at the 2026…
    #Spain #ES #Europe #Europa #EU #athletes #athletic #canada #canadian #competition #competitive #events #field #fifa #football #footer #footy #game #games #General #players #Soccer #SPORTS #team #WorldCup #WorldCup2026
    europesays.com/spain/51095/

  6. World Cup Group B odds 2026: winner prices and standings

    Canada’s head coach Jesse Marsh, right, yells during the selection camp for Canada’s national soccer team, Thursday, May…
    #Football #Soccer #WorldCup2026 #athletes #athletic #competition #competitive #events #field #fifa #footer #footy #game #games #General #players #sports #team #WorldCup
    europesays.com/football/5150/

  7. @ppk

    .entry + #footer {
    margin-top: 0;

    .entry:has(+ &) {
    padding-bottom: 0;
    }
    }

  8. @ppk

    .entry + #footer {
    margin-top: 0;

    .entry:has(+ &) {
    padding-bottom: 0;
    }
    }

  9. Weird CSS is weird.

    .entry:has(+ #footer) {
    padding-bottom: 0;

    & + #footer {
    margin-top: 0;
    }
    }

    Works, though.

  10. Weird CSS is weird.

    .entry:has(+ #footer) {
    padding-bottom: 0;

    & + #footer {
    margin-top: 0;
    }
    }

    Works, though.

  11. #winter{
    background-color:#ffffff;
    color:#ffffff;
    }
    #snow{
    height:30cm;
    z-index:999;
    }
    #footer{
    visibility:hidden;
    }
    <script
    var snowcolor=new Array(„#FFFFFF“) var snowmaxsize=22 var sinkspeed=0.6
    </script>

  12. Ower mony fittert aboot, luikin fer somethin, tae haud ontae. Anely, thay coudnae find onythin while reakin oot.

    ---
    (Ah'm nae native spikker.)

    #Scotstober 2025-02nt #footer
    #WriteInScots #Scots #Doric
    #WritingCommunity

    @DrMDempster
    @writingcommunity

  13. Ower mony fittert aboot, luikin fer somethin, tae haud ontae. Anely, thay coudnae find onythin while reakin oot.

    ---
    (Ah'm nae native spikker.)

    #Scotstober 2025-02nt #footer
    #WriteInScots #Scots #Doric
    #WritingCommunity

    @DrMDempster
    @writingcommunity

  14. Die Neugestaltung des Blogs war gestern bis auf ein Bereich fertig. Den wollte ich nun vervollständigen und hielt es für einen Klacks. Was habe ich mich doch getäuscht. Ist der Code bisher sauber wie aus dem Lehrbuch, verlangt die Navigation im #footer Klimmzüge und (erste) Brücken. Zudem macht die #flexbox nicht das, was sie ihrem Namen nach tun sollte.

    Ich bin ja bereit zu akzeptieren, dass das Unvermögen vorm Monitor sitzt. Aber wenn ich bei Null anfange, mich nach den Angaben aus dem Buch – immerhin aus der "für Dummies"-Reihe – richte und nicht das passiert, was passieren sollte – und ich wirklich nicht derart unterbelichtet bin, um Vorgaben nicht fehlerfrei abschreiben zu können –, dann kennt auch meine Geduld Grenzen. Unbefriedigend.

    #html #css #development

  15. @Elsental one ‘calls’ the function with something like this:

    let parent = document.querySelector('#footer > span');
    changeText(parent, 'Powered by', 'New text ');

    The first line is effectively “Find me the first child span element of an element with an id of 'footer'”.

    The second line is calling the changeText function and passing to it as variables:

    The selected parent
    The before text: 'Powered by'
    The after text: 'New text '

  16. @Elsental one ‘calls’ the function with something like this:

    let parent = document.querySelector('#footer > span');
    changeText(parent, 'Powered by', 'New text ');

    The first line is effectively “Find me the first child span element of an element with an id of 'footer'”.

    The second line is calling the changeText function and passing to it as variables:

    The selected parent
    The before text: 'Powered by'
    The after text: 'New text '

  17. HOW TO MAKE A HEADER / FOOTER ON EVERY PAGE WITHOUT STEPPING ON PAGE CONTENT

    #CSS #header #footer

    We've all wrestled with it, you want to print an HTML page that displays a header/footer right at the top/bottom of every page. But then that goal quickly gives way to a second goal: how do you make the content of your page NOT occupy the same space as your header/footer?

    After a lot of rasslin' with this, I noticed something about one of the tables in my content: its "thead" and "tfoot" section appeared on each page. That's when inspiration struck: suppose I contain my entire document inside one massive table in a single cell, and this table has "empty" thead and tfoot sections big enough to accommodate my header and footer?

    And it worked. Here is the page I came up with; download and enjoy.

    paprikash.com/headerfooter.htm

    Things to take note of:

    - I have this set up such that the header and footer display only when you print. So don't expect to see them on the screen. More on that later.

    - The body of this thing is composed of a "header" section, then a "div" that contains a table (which has a "thead" and a "tfoot"), and finally a "footer" section.

    - The header and footer are both "position:fixed" to the top and bottom respectively, and they each have a fixed height. They also contain a little bit of text.

    - The thead and tfoot in the table also have fixed heights, that match the heights of the header and footer. They're also empty other than a non-breaking space. This is so, technically, the thead and the tfoot will print on the same spot as the header and footer, but since they have no visible characters, all that gets printed is the header and the footer.

    - I'm making use of the "@media print" and "@media screen" to create classes called "screenonly" and "printonly". Any element with a class of "screenonly" will not be printed, and any element with a class of "printonly" will not be visible on the screen. My header, footer, thead, and tfoot are all "printonly", while the print button is "screenonly". This is a really great and simple trick.

    - I'm also making the text size bigger on the printed document. It looks better.

    - I am doing something that a lot of people don't like: I'm putting most of my CSS inline, rather than in the "style" section of the document or a separate stylesheet. For me anyway, it's clearer to see the style info right in the one element that it applies to, and I'm focused on clarity. You have my blessing to move the inline CSS to the "style" section.

  18. HOW TO MAKE A HEADER / FOOTER ON EVERY PAGE WITHOUT STEPPING ON PAGE CONTENT

    #CSS #header #footer

    We've all wrestled with it, you want to print an HTML page that displays a header/footer right at the top/bottom of every page. But then that goal quickly gives way to a second goal: how do you make the content of your page NOT occupy the same space as your header/footer?

    After a lot of rasslin' with this, I noticed something about one of the tables in my content: its "thead" and "tfoot" section appeared on each page. That's when inspiration struck: suppose I contain my entire document inside one massive table in a single cell, and this table has "empty" thead and tfoot sections big enough to accommodate my header and footer?

    And it worked. Here is the page I came up with; download and enjoy.

    paprikash.com/headerfooter.htm

    Things to take note of:

    - I have this set up such that the header and footer display only when you print. So don't expect to see them on the screen. More on that later.

    - The body of this thing is composed of a "header" section, then a "div" that contains a table (which has a "thead" and a "tfoot"), and finally a "footer" section.

    - The header and footer are both "position:fixed" to the top and bottom respectively, and they each have a fixed height. They also contain a little bit of text.

    - The thead and tfoot in the table also have fixed heights, that match the heights of the header and footer. They're also empty other than a non-breaking space. This is so, technically, the thead and the tfoot will print on the same spot as the header and footer, but since they have no visible characters, all that gets printed is the header and the footer.

    - I'm making use of the "@media print" and "@media screen" to create classes called "screenonly" and "printonly". Any element with a class of "screenonly" will not be printed, and any element with a class of "printonly" will not be visible on the screen. My header, footer, thead, and tfoot are all "printonly", while the print button is "screenonly". This is a really great and simple trick.

    - I'm also making the text size bigger on the printed document. It looks better.

    - I am doing something that a lot of people don't like: I'm putting most of my CSS inline, rather than in the "style" section of the document or a separate stylesheet. For me anyway, it's clearer to see the style info right in the one element that it applies to, and I'm focused on clarity. You have my blessing to move the inline CSS to the "style" section.

  19. @qaqelol Nice! I just added the following CSS rules to my Stylus extension for all URLs starting with stackoverflow.com/questions/:

    ```css
    header.s-topbar,
    #left-sidebar,
    #sidebar,
    #top-hero-div,
    #question-header .aside-cta,
    #post-form,
    #footer {
    display: none;
    }

    #content {
    border-left-width: 0;
    }
    ```

  20. @qaqelol Nice! I just added the following CSS rules to my Stylus extension for all URLs starting with stackoverflow.com/questions/:

    ```css
    header.s-topbar,
    #left-sidebar,
    #sidebar,
    #top-hero-div,
    #question-header .aside-cta,
    #post-form,
    #footer {
    display: none;
    }

    #content {
    border-left-width: 0;
    }
    ```

  21. #qotd, Joe Weisenthal: “If it’s true that they torched an $80 billion company cause they thought they were too close to building God, then that’s orders of magnitude the most punk rock thing I’ve ever heard of.”

    bloomberg.com/opinion/articles

  22. #qotd, Joe Weisenthal: “If it’s true that they torched an $80 billion company cause they thought they were too close to building God, then that’s orders of magnitude the most punk rock thing I’ve ever heard of.”

    bloomberg.com/opinion/articles

  23. @OBSProject i fixed your website for > 1080p monitors:

    ```css
    #footer, #wrapper {
    max-width: unset !important;
    }
    #header {
    max-width: 2200px;
    margin: 0 auto -60px;
    position: relative;
    }
    body {
    background: #0c1633 !important
    }
    ```

    #webdev

  24. @OBSProject i fixed your website for > 1080p monitors:

    ```css
    #footer, #wrapper {
    max-width: unset !important;
    }
    #header {
    max-width: 2200px;
    margin: 0 auto -60px;
    position: relative;
    }
    body {
    background: #0c1633 !important
    }
    ```

    #webdev

  25. #Design #Guidelines
    Best practices for website footer UX · More user engagement with a well-crafted website footer ilo.im/12ku8p

    “A website’s footer is often overlooked, but it can actually make a big difference in how easy it is for users to find what they need on your website.” — Eric Chung

    _____
    #ProductDesign #UxDesign #UiDesign #WebDesign #Website #Footer #Engagement #Testing

  26. #Design #Guidelines
    Best practices for website footer UX · More user engagement with a well-crafted website footer ilo.im/12ku8p

    “A website’s footer is often overlooked, but it can actually make a big difference in how easy it is for users to find what they need on your website.” — Eric Chung

    _____
    #ProductDesign #UxDesign #UiDesign #WebDesign #Website #Footer #Engagement #Testing

  27. Um zu zeigen, dass wir das Fediverse klar favorisieren, haben wir mal die Reihenfolge im #Footer unserer Webseite angepasst.

    #CiaoTwitter
    #HelloMastodon

  28. Um zu zeigen, dass wir das Fediverse klar favorisieren, haben wir mal die Reihenfolge im #Footer unserer Webseite angepasst.

    #CiaoTwitter
    #HelloMastodon

  29. For those about to dig into HTML or invent some javascript: You shouldn't necessarily be updating the #footer #copyright year annually. You don't need a footer date at all - if you do it should show when the content was first published.
    Articles can show their publication dates individually.
    If you're keen to have one, you can show original date through last-update date. Only showing the most recent year, you're implicitly releasing your prior work, which might be hard to defend later.

  30. One thing that annoys me the most are web apps/pages were you cannot access their imprint/privacy policy etc. without being logged out.

    Figma is such a service.

    #figma #ux #footer #imprint #privacy #policy

  31. @root
    $(document).ready(function(){
    var iframe = $("iframe")
    var contents = iframe.contents()
    var footer = contents.find("#footer")
    footer.hide();
    });