HTML5 New layout request

User 509755 Photo


Registered User
47 posts

Is there any way that someone at CC could quickly whip up an HTML5 Two-column fixed where the Nav section and Extra Stuff sections are in the left column (section?), and the main content is on the right?

After more than 3 hours mangling about, I have just given up trying to Frankencode my own template based on one of the HTML5 layouts you have already created. My sad attempts ended upcreating monstrosities that ended up looking like the Terminator T1000 after it ate that grenade. So I'm stymied.

I Frankendesigned this layout from the layout list of the other ones, to show you what I have in mind.

http://www.paulmacmartin.com/cc/06-Jan-11-5-36-29-PM.gif
I would have thought this would have been the first HTML5 layout you would create. It is so traditional and familiar (nav left, content right). I suspect it will be the most often used one if you create it.
Paul MacMartin
www.paulmacmartin.com
User 364143 Photo


Guest
5,410 posts

There are some free templates for you to choose from that meet your criteria.

http://blogfreakz.com/web-design/html5-css3-the-future-of-web-design/

http://devsnippets.com/article/12-free-high-quality-html5css3-templates.html
CoffeeCup... Yeah, they are the best!
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Like this?
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 509755 Photo


Registered User
47 posts

Tom, thank you as well for the links to all those templates, I appreciate it.

And Inger, Holy Jumpin' Jehosaphat, you've done it. Thank you so much!! I'm positively chuffed. What a relief. I know that HTML5 and its new section structures should be simple, but I can't get my head around it yet. I will study what you've done in the code and the css and see if I can understand it. Regardless, you've put me out of my misery and I am very grateful. Thank you again.
Paul MacMartin
www.paulmacmartin.com
User 103173 Photo


VP of Software Development
0 posts

Inger is a Super Hero!!

http://scienceblogs.com/isisthescientist/super-hero.jpg
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 364143 Photo


Guest
5,410 posts

Even better than Chuck Norris. :)
CoffeeCup... Yeah, they are the best!
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

I don't know how I've earned this hero status. All I did was shifting a couple of floats and changing some widths. It was done in 5 minutes.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 509755 Photo


Registered User
47 posts

How? Because in 5 minutes your Viking-like super-css powers saved the day after my three hours of css amateur night created a monstrositysite not even a mother could love.

Here's where I am with it now, with your help and with the great integrated css menu maker in HTML Editor.
http://www.paulmacmartin.com/cc/Jan7B.gif
I'm figuring out how to modify the css for the text and padding in the extra stuff area, then it will be perfect.

Ha en heroik god dag!
Paul MacMartin
www.paulmacmartin.com
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Well, thanks! :)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 38401 Photo


Senior Advisor
10,951 posts

I find adding comments in my CSS file after a specific tag helps me learn what certain things do and helps me remember them too so something like this:

.tagname {
attribute1: blahblahblah; /* this does this special little effect */

And sometimes if the original CSS file doesn't have things marked as to specific sections (menu, footer, header, etc.) I will do that too with comments to help me find areas faster.

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.