Ok I have this page on a site. It went online yesterday as is. It is a HTML5 CSS3 page template. Well I need to display 4 cartoon images x 3 on each page. This would be easier to explain if you take a look here So as you can see on there I started to add my things and as I was doing so and looking at the menus and bearing in mind this is supposed to be a free HTML5 CSS3 page template it suddenly occurred to me that this page is hand held/mobile friendly. That's good I thought that will save me adding a mobile friendly slick 5 card page just as a token gesture at least, to mobile users (heck it's more of a gesture than some are doing). Well that is to say it was mobile browser friendly until I added three sets of table to the page. So I thought I know let's pop to DP and start a post and see if anyone wants to have a run through this and see if between us we can make it mobile friendly with my three strips of cartoons emblazoned across it. I will add the origin of the download in my next post when I find where it came form. So anyone know how to get these three strips of image displayed as is but no tables, but CSS3 based and so it is mobile friendly?
You're already on the wrong foot. Using tables for layout is always wrong for desktop viewers and even more so for mobile. You aren't mobile friendly if you try and squeeze all three of those onto a screen. Just one strip might do well in landscape mode but not all three unless you can scroll. The page doesn't fit the screen. You aren't using media queries to adjust that. It's far too small in portrait mode to be usable.
Yes that's what I said dude the tables stop it working in mobiles That's what the thread is about and that the tables are the non HMTL5 CSS3 elements to discuss not repeat what I said in the OP Of course the things without the table will still need scrolling that's what touch screens are for
You didn't say you wanted to remove them, nor did you remove them, and then you said it was mobile friendly. But you need to restructure the whole page and start using media queries for sizing. You don't necessarily need scrolling but a "next strip" button could work. For any site that one thinks will be used on mobile devices, it's best to start at the mobile device and then expand to desktop viewing.
The whole thread was supposed to be about those three tables drhoward. If you read it says it was mobile friendly until I started to add those tables Do you think all people know thta table are not compatible with handhelds? I doubt it. Hence why as this is a hmtl discussion [part of DP I thought I would discuss this so we could learn I obviously got the intent of a HTML discussion part of DP wrong as rather than being a constructive discussion thread so far it has gone far off track I obviously need to discuss this on another forum where proper discussion on html take place rather than nit picking If saying "it occurred to me that by adding tables the page would become un mobile friendly" was the problem there and that discussing the CCS alternative was "supposed" to b what to discuss EG the whole topic was to refer to my original post and the removal of tables and making things mobile friendly and not just that but to do so in a htnl5 css3 way. How you missed that I am not sure. Still I think I know a forum where such a discussion would go down a more educational route and be more use when found on Google etc for the search terms so I will go and discuss this elsewhere where a proper educational discussion is more likely to take place than the one here that seems to have down down a road it was not supposed to and mostly as you don't seem to be reading things correctly or even in the right order for example I said "Well that is to say it was mobile browser friendly until I added three sets of table to the page." Not the other way round as you infer.
Oh, there's no doubt about that. The number of people on DP who are aware of proper coding you can count on one hand. I tried to get you onto the subject of media queries but, instead, you dwell on the tables thing. I was willing to educate you on those but you're taking the right course and going elsewhere. PM me and I'll guide you to a few other forums where experts abound (one which I mod).
That was not the idea dude it was to show others but never mind I did it myself just thought it would have been good to actually take this into details. I have left that example page as is for now just in case though as who knows someone might mosey on by and make the conversation go back on track I have nothing to discuss via PM btw drhoward that wasn't what the thread and it's object was about