Grow your CSS skills. Land your dream job.

Reversed Html Flow with CSS

  • # June 30, 2009 at 11:47 am

    Hi,

    I have a problem that seems very simple but for now I did not find any solution (don’t really know where and how to search for this…).
    I want the html output of a page to be in this order (it’s a one column full width layout also content and menu-images are not fixed in height):

    Code:

    And I would like the visual appearance (CSS) of that page to be in that order:

    Code:

    Now I have tried this (HTML and CSS):

    Code:

    Titre page

    Lorem ipsum dolor sit amet…


    It does the job to put the menu before the content, but since the content is in absolute position it will hide any extra content after it (so adios footer)…

    So does anyone has a better idea?

    Thanks!

    # June 30, 2009 at 12:23 pm

    I dont think I know what your on about, but if you are trying to code for example….HTML 1,2,3,4,5 CSS 5,3,4,1,2…

    then go down the road of everything being absolute positioning

    # June 30, 2009 at 12:34 pm

    Thanks for your reply!

    In fact I can’t go for everything in absolute position because I don’t know the height of the reversed blocks.

    And if I need to do this,it’s because the website is about photography and I would prefer that google sees the textual content first and that the users sees the images and the menu first (which is composed of many lists whith losts of keywords..).

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".