CSS header/footers?

by 7 replies
9
Hey, Warriors. I am currently designing a web site but I do not know much about coding. I know basic HTML; just enough to get me by. I usually design and slice with Adobe products and it works out well. But I want to make managing it easier.

Once I build my site and make ten or so pages, what happens if I have to go add a link to the footer? Well, I have to go in to every page and change it. I want to be able to avoid this problem. I'm guessing the way to go about this would be with CSS. I'm not sure how so that is why I am here asking all of you.

I'm hoping someone here can tell me how I can set up my web pages so that changing something on all of my pages can be easily done in one action.
#programming #css #header or footers
  • Banned
    [DELETED]
  • No, it's NOT CSS. CSS stands for Cascading Style Sheet > CSS Tutorial (in case you want to learn more...)

    It controls the style and layout of the web pages; has nothing to do with html. What you want to add to your footer(s) is pure HTML, i.e. anchor tag (aka links).

    There are 2 ways (at least) for what you want to do:
    SHTML and/or PHP - both make possible to include (server side) part of the webpages from another location; i.e. you make one footer file and include it on all your web pages. This way you make changes to only one file and it shows up on all the pages where the file is included.

    Just google for them and you will find a lot of info.
    • [ 1 ] Thanks
    • [1] reply
    • I am using basic HTML. I will look into this. Thank you.

      I definitely do want to learn more, but for the time being I am on a deadline.

      I was thinking there would be simple 'include' type script I could use. That way I would have the include for the header, the body would be different and editable from page to page, then the include for the footer.

      I will Google this and see what I can figure out, I thank you.
      • [1] reply
  • you can use iframe

    <html>
    <head>

    <iframe src="header.htm" style="border:none;padding:0;margin:0" /></iframe>

    </head>
    <body>
    Content...
    <br />

    <iframe src="footer.htm" style="border:none;padding:0;margin:0" /></iframe>

    </body>
    </html>
  • I think CSS will work better for you. You can easily add footer links to all pages by only adding it into one page through CSS. You just need to embed that particular CSS to the rest of pages.
Join the discussion

Next Topics on Trending Feed

  • 9

    CSS header/footers?

    Hey, Warriors. I am currently designing a web site but I do not know much about coding. I know basic HTML; just enough to get me by. I usually design and slice with Adobe products and it works out well. But I want to make managing it easier. Once I build my site and make ten or so pages, what happens if I have to go add a link to the footer? Well, I have to go in to every page and change it. I want to be able to avoid this problem. I'm guessing the way to go about this would be with CSS. I'm not sure how so that is why I am here asking all of you.