Hi everybody,
I've attached an 11KB image file to this thread. It's a rough idea of what I hope to accomplish with a CSS document. If I have the strategy understood, each of the pages in a web site will appear this way. ( I just need to place different content in the boxes for different pages )
My first question: Do I have the idea right? CSS is for presentation and HTML is for content, right?
My second question: How do I force the [expletives removed] boxes to maintain their positions inside the wrapper? I assume a wrapper is a good idea if I want to be this anal about the other four boxes.
Many, Many Thanks
-Paul-
jPaulB
Registered User
49 posts
Eric Rohloff
Senior Advisor
20,247 posts
Online Now
#nav {
width:115px;
height:625px;
margin: 0 20 20 0;
<div id="nav"></div>
Play with margins for interior div's and padding to move things around
width:115px;
height:625px;
margin: 0 20 20 0;
<div id="nav"></div>
Play with margins for interior div's and padding to move things around
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
jPaulB
Registered User
49 posts
Thanks, twice today Eric
-Paul-
-Paul-
Eric Rohloff
Senior Advisor
20,247 posts
Online Now
One thing you can do is to give all your div's a border so you can truly see where they are and what their doing.
Remove the border or comment it out after your happy with the design.
Remove the border or comment it out after your happy with the design.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Eric Rohloff
Senior Advisor
20,247 posts
Online Now
Here's a quick throw down
http://ericrohloff.com/coffeecup/ccforum/paul/
http://ericrohloff.com/coffeecup/ccforum/paul/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
jPaulB
Registered User
49 posts
The borders do make it easier to see the "boxes, ", but they line up underneath each other.
Perhaps I have to use tables in the HTML part?
Perhaps I have to use tables in the HTML part?
jPaulB
Registered User
49 posts
I like the throwdown, but I don't know how to view the "mystylesheet.css" doc for it. I just see the browser page, and the source for the HTML part
Eric Rohloff
Senior Advisor
20,247 posts
Online Now
In the HTML source code click on the mystylesheet.css
Only use tables for tubular data.
Only use tables for tubular data.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
jPaulB
Registered User
49 posts
The only way I can see the HTML souce code is to VIEW > Source... I'm clicking... but it's just text, no sign of a link
Sorry
Sorry
paintbrush
Ambassador
3,816 posts
Paul, an easy way to get started with this is to try out some of the default templates that come with the CC Editor. They all have a header, footer and 1, 2, or 3 columns. There's also a good assortment of static and fluid layouts and they all have a stylesheet ready to go. 
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
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.
