Some questions on HTML - Post ID 249776

User 92156 Photo


Registered User
272 posts

My current site http://www.drivingnt.com/ isn’t responsive so I‘ll rebuild the home page using RLM at first, and when I’m finally back at work and earning again I’ll be able to afford RSD to do the whole site.
I made a static version of the home page in Editor to sort out the starting size of certain elements and how big the grid should be, and decide on which elements should go as the screen shrinks (haven’t used RLM yet, I’m assuming it can make elements disappear at certain break points).

I also wanted to try coding the home page without tables, I think I’ve finally succeeded.
I’m using “display:table” and “display:table-cell” to make side-by-side panels adopt the same height – is this OK or would CSS purists complain that the word “table” is still used?
At this stage I don’t know a better way of doing it but forum members will be able to enlighten me if there is.

While fiddling with the position of images I found that using negative values with the margin attribute can move images fully or partially outside the container div, is using negative values a good coding technique?

Anyway here’s the new-look page: http://www.drivingnt.com/temp/static-la … ayout.html
I like the bright colours on pages put up by other forum members – is my current pastel scheme too muted and should I go for a bolder look?
Are the little images at the bottom of the page OK or do they look too busy?

My next step is to study the RLM tutorials then work on making a responsive version.
User 2287960 Photo


Ambassador
580 posts

In my view it is best to start again with a responsive layout.

Keith
User 271657 Photo


Ambassador
3,816 posts

I made a static version of the home page in Editor to sort out the starting size of certain elements and how big the grid should be, ...

Scrap that way of thinking; the grid is fluid, its size is determined by how large the viewport is. Better to open up RLM and just get started. ;)
The best way to get going with a responsive design would be to use one of the RLM layouts. Plug your content in and get familiar with break points. Once you understand how things work, customize as wanted or needed.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.