4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Simple CSS Help Needed

by Neodism
3 replies
  • WEB DESIGN
    • |
As far as I have ever gotten with web design is creating something in photoshop, sending it to imageready, and slicing it up into a bunch of images with links. But I don't want to do it in such an unprofessional manner any longer.

I am trying to learn how to create the site in photoshop, then open it in dreamweaver to make an actual template that I can use for multiple pages. And from what I understand (as I have never been too savvy with the workings of web sites, CSS is the constant in each page. It tells every page how big the header is, what image is to be used, etc. Stuff like that.)

So I want my header to be like the one on THIS page. A white stripe across the whole page with my logo embedded into it. But I need it to be able to fit to any resolution that sees my web site. I could put in the CSS that my header is 800px wide, but then it will be 800px wide and not continue to the edge of the page. How do I go about getting it to function like I need it to?
#css #needed #simple
  • Profile picture of the author stephaniek
    You just need an outer area that is 100% width and white background, and an inner area that is 800px and centered with the auto-margins like I wrote below:

    HTML Code:
    CSS in the head...
#header-wrap {background-color:#ffffff; width: 100%; }
#header {width:800px; margin:0 auto; }  

---

<div id="header-wrap">
<div id="header">
Logo and stuff here
</div>
</div>
    Signature

    Woman: How much do I owe you for the sketch?
    Picasso: 5000 francs.
    Woman: But it only took you 5 minutes!
    Picasso: No madam, it took me all my life.

    {{ DiscussionBoard.errors[4538896].message }}
  • Profile picture of the author mcdsavid01
    Simple css is used in the resetting the pages style and fonts waht are used in the website.
    {{ DiscussionBoard.errors[4539895].message }}
    • Profile picture of the author ronc0011
      Your page is defined in the HTML makup. Things like headers and columns aree defined with styling in the markup CSS a way of centralizing all of your styling I am currently working on a series of videos covering the basics of this It has been a project plagued with obstacles One of the bigger ones was a heart attack and stroke I had about 4 weeks ago and then a couple of dys ago my machine went down and because I'm just not back up to snuff y getting the machine up and running again took me about 3 days. It's really messed up how badly a heart attack can take you down
      {{ DiscussionBoard.errors[4546444].message }}

Trending Topics