having content in a css

unwashed potato! · 26 Oct 2006 at 23:28

i have a footer in css and i was wondering how, if i can, add content to it, just a link and a few words, so that i dont need to put it in the html and it will be on every page

for example i'd like: "Created by google" in the footer in the css, but at the moment i have it in html.

sure this must be a simple solution, trouble im having as the tutorials im using only teach how to stlye the text, decorate it etc, and not actually put content on the css file.

thanks

Conrad11 · 26 Oct 2006 at 23:30

Content should be in the html.

Styling should be in the css.

====

So in my opinion, even if you can do it, which i doubt you can, its a bad idea.

unwashed potato! · 26 Oct 2006 at 23:32

Conrad11 said:
Content should be in the html.

Styling should be in the css.

====

So in my opinion, even if you can do it, which i doubt you can, its a bad idea.

yeah well thats what i thought but i do have a header image in the css and just refer to the css in the html,

this what i got in css for the header:

div#header {
background: url("img/img_header.jpg" );
width: 100%;
height: 20px;
padding: 140px 0px 0px 0px;
text-align: center

and then that means the only html is:

<div id="header">

which allows me to change it just in css and it will change in all pages. Can text not be added in css? as it would be much easier as the footer is needed on all pages and if change was needed i would then only have to change 1 rather then all

Conrad11 · 26 Oct 2006 at 23:35

Thats still styling though for the header div. The image is styled to the background. Just like giving it a colour for the backing.

unwashed potato! · 26 Oct 2006 at 23:41

dang that sucks, well i'll wait see if anyone has some secret ways on how to do this, if not guess im stuck with having to change it for every page.

Augmented · 26 Oct 2006 at 23:46

You can do it, but it's not advised for what you want (as Conrad11 posted), it's not well supported and you'll have no luck inserting HTML. An example:

Code:

#footer:after {
content: "This is some generated content";}

Better to include a common header/footer file with a scripting language like PHP or using server side includes

.