Question about CSS

daniel0012 · 02-12-2007, 09:50 PM

I am fairly new to CSS, I have a basic understanding of it. I was wondering if it was possible to have it so that you can put images and a navbar in it or if there was another language for that. I've tried to Google it and don't even know how to word it. If someone could point me to a tutorial that will help.

IslaScotts · 02-12-2007, 10:29 PM

Yes you can use CSS to make nav bars and picture holders. Although I couldn't point you to a good tutorial.. I can't learn things that way. I learned css (still learning) by getting those free templates and completely ripping it apart and putting it back together so I could understand how it all worked. I am sure there are people on here though that know a good tutorial.

daniel0012 · 02-12-2007, 10:39 PM

How do I do that? With the navbar and picture holders.

IslaScotts · 02-12-2007, 10:43 PM

It's a box just like any other css box. Just worry about how big it is and where you want to put it. Like if you want a pic css box in the content wrap the content around it like this:

Code:

 <div id="content">
 blah blaha this is a paragraph
 <div id="pbox"><img src="mypic.jpg></div> 
blah ablha continue continue.. on and on.. wow I talk too much blah .. and yadda yadda </div>

That was probably not useful at all sorry.. I will bow out now

daniel0012 · 02-12-2007, 10:52 PM

LOL. Can you specify head and body in CSS?

IslaScotts · 02-12-2007, 10:55 PM

what do you mean by specify. You can do a body style like this:

Code:

body {color: #000000;
align: left
}

daniel0012 · 02-12-2007, 11:05 PM

I an inexperienced so its hard to explain what i mean.

Can you make a CSS that says, "this" will be put in the head of every page and "this" will be in the body?

Basically I want to be able to change the navbar on every page without editing every page.

If that made any sense.

IslaScotts · 02-13-2007, 12:09 AM

CSS doesn't do anything, it doesn't put anything anywhere.. it just streamlines and organizes your code. Instead of typing out the following:

Code:

<p style="font-size:2"> This is my 1 line paragraph</p>
<a href="/temp/hello.html" style="color:red">Go to my Hello Page</a>
<a href="/temp/bye.html style="color:red">Go to my Goodbye Page</a>
<p style="font-size:2"> This is my 2nd 1 line paragraph</p>
<a href="/temp/hello.html" style="color:red">Go to a more interesting Page</a>

you instead create a CSS file that stipulates that every <a> tag will be stylized a certain way, and that all the <p> tags will be styled a certain way.. so you don't have to type out all these different styles for every line. It's almost like a template for how all your pages will look.

daniel0012 · 02-13-2007, 07:14 AM

Is there another language that would do that?

Taltos · 02-13-2007, 09:39 AM

First, I think some definitions are needed to get on common ground.

You said

Quote:

Can you make a CSS that says, "this" will be put in the head of every page and "this" will be in the body?

Since HTML has <head> tags it can be a little confusing. I think you are referring to the top part of a page where most people would describe as the "banner". And the body you refer to meaning the "rest of the page". Is that what you are talking about?

You can do that with CSS. I don't know if it is the best way to do it without knowing more about what you are trying to do. You could create different classes or id in the CSS and use them for <div>'s that are at the top of the page to create different banners for different pages. If they are just different images for backgrounds on the banner you may find that editting each page is just as easy as having 20 different id's in your CSS. Give us a little more detail on you end goal and we may be able to be more specific.

daniel0012 · 02-13-2007, 09:55 AM

Right now I am want to be able to change my navbar without editing every page.

The rest of the stuff I was asking was just for future reference.

Taltos · 02-13-2007, 10:35 AM

Do you need a different navbar on every page or are you just wanting to be able to update your navbar and have it update the same way on every page without having to edit every single page individually?

If the answer is yes, then my first choice is to use Dreamweaver and it ability to make a template from a page. I design a few variations on pages and make them templates in Dreamweaver. Then I use that template or set of templates to generate all the other pages. That way when I want to update something common to all the pages, like the navbar, I just update the template. DW asks if I want to update all the pages linked to that template and I tell it Yes, please! Voila...all updated with one edit.

Hope this helps.

daniel0012 · 02-13-2007, 10:43 AM

Yes it does. Do you know of any tutorials?

Taltos · 02-13-2007, 12:05 PM

I can't recommend any from personal use. I just did a quick look at Help in DW. But if you put "Dreamweaver Template tutorials" in Google, there are quite a few that look good. Try a couple out until you find one that makes good easy sense to you.

daniel0012 · 02-13-2007, 12:15 PM

Thanks for your help. I appreciate it.

daniel0012 · 02-27-2007, 06:10 PM

I have done some studying and I have found another way to do what I want using the PHP include() function.