SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Somewhere in Indiana
    0 Post(s)
    0 Thread(s)

    How would you code this layout?

    Been busting my brain for a bit...don't "want" to do absolute positioning but I feel its the only realistic way to pull off this layout, especially given it has to be flexible...and that nested conditions could happen.

    In this case, there are 2 nested conditions already (the OR and the 1st AND)

    The only alternative is some nasty table marketup with rowspans and colspans.

    But if you know of a way this could easily be replicated..please chime in!


  2. #2
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Countryside, Sweden
    0 Post(s)
    0 Thread(s)

    A little hard to understand what exactly is your conditions, I think.

    Flexible in what way?
    Are there different nested cases that should be covered without changes in the css?
    And how are the boxes related/dependant?
    Happy ADD/ADHD with Asperger's

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Whiteford, Maryland, United States
    6 Post(s)
    0 Thread(s)
    Table might be the right choice here since it's tabular data (or it appears to be to me)
    I don't know if a (per say) easy way to do this, but if I were to do this in CSS, I'd have and/or/and absolutely postiioned (only because the otoher stuff needs to slide under it.

    Then I'd have everything else in a container and styled to suite. Coordinates for the and/or/and to place it correctly.

    I still feel that's an awkward wya to do it though .

    Just read about how the conditions work together. This will be extremely complicated due ot the fact that nested conditions can occur and could screw up hte page layout.

    I too am having a hard time to fully understand your conditions
    Always looking for web design/development work.
    Willing to do it cheap to build portfolio!


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts