Just for conversation the alignment of the days to the left of the first table complicates things slightly and to have rows that relate all along to the day you would need to use a structure like this:
(View on codepen for best effect)
In light of that complexity with all the colspans I would be inclined to add the days into each table instead and then create separate tables as each doesn’t really relate the next (explicitly) and this would allow the tables to wrap for smaller screens more neatly.
These are not meant to be final solutions but talking points for further progress depending on the exact criteria required:)
[quote=“PaulOB, post:18, topic:293559, full:true”]
Oh dear, where do I start [/quote]
Erm … Paul. I’m sorry. I’m printing the entire thread out and placing it in my PO’B folder. I missed a validate somewhere, apologies.
I’m right brained and have an almost clinical resistance to authority. But I’ve gone all the way from hating HTML with a burning passion … to complaining to myself (or, one of my selves): Well I wouldn’t have this layout problem if I’d created this document in HTML in the first place … to, there is no way I’m doing this concept in Photoshop, laying it out in [insert Adobe Program of your choice] and then walking it over to HTML; I’m designing it in HTML and Adobe can blow me!
I may never be comfortable with the planet’s embrace of Tidy style, but somewhere along the way, despite my best efforts to block it, enough CSS and HTML managed to creep into my brain that I can frequently pinpoint the reason one of my HTML pages isn’t displaying correctly in seconds.
####Epiphanies of note:#### EM All this time I kept getting confused why I couldn’t see the dash. Relativity? Factors? who wouldda known. (that and nth child, very cool).
Learning to love the <P> tag.
Embracing the globally universal header sizes <H2> etc. (oh this was hard; still resisting but I know my fate so tough sh+t! lol)
Ray.H’s recent <LI> post
Thank you coot.
[/quote]