applying external style sheets

Discussion in 'HTML' started by iamdave, Jan 25, 2008.

  1. iamdave

    iamdave Guest

    Rookie here, sorry.

    I use dreamweaver.

    My code is:

    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    <link href="/header.css" rel="stylesheet" type="text/css">
    <link href="/left.css" rel="stylesheet" type="text/css">
    <link href="/right.css" rel="stylesheet" type="text/css">
    <link href="/body.css" rel="stylesheet" type="text/css">
    <link href="/footer.css" rel="stylesheet" type="text/css">
    </head>

    So the external css sheets are linked within the page.

    But I don't understand how to get into the page and start putting
    things into the header, footer etc. In dreamweaver the help talks
    about seeing it in the window but in the css window I don't see the
    styles. I see the them in the folder. I'm lost and I know it's
    something silly, but I cant seem to figure it out. I'm moving from
    tables to css design so I'm sorry for the very rookie question.

    Dave
     
    iamdave, Jan 25, 2008
    #1
    1. Advertising

  2. iamdave

    Guest

    On Jan 25, 11:36 am, iamdave <> wrote:
    > Rookie here, sorry.
    >
    > I use dreamweaver.
    >
    > My code is:
    >
    > <meta http-equiv="Content-Type" content="text/html;
    > charset=iso-8859-1">
    > <link href="/header.css" rel="stylesheet" type="text/css">
    > <link href="/left.css" rel="stylesheet" type="text/css">
    > <link href="/right.css" rel="stylesheet" type="text/css">
    > <link href="/body.css" rel="stylesheet" type="text/css">
    > <link href="/footer.css" rel="stylesheet" type="text/css">
    > </head>
    >
    > So the external css sheets are linked within the page.
    >
    > But I don't understand how to get into the page and start putting
    > things into the header, footer etc. In dreamweaver the help talks
    > about seeing it in the window but in the css window I don't see the
    > styles. I see the them in the folder. I'm lost and I know it's
    > something silly, but I cant seem to figure it out. I'm moving from
    > tables to css design so I'm sorry for the very rookie question.
    >
    > Dave


    You have created the individual .css pages, and you need to add
    content to the .html pages? Or have you created the .html pages and
    need to add css styles to the .css pages? More or better info please.

    Daniel

    http://a-ok-site.com
     
    , Jan 25, 2008
    #2
    1. Advertising

  3. iamdave

    iamdave Guest

    Sorry, I've created the css sty;e sheets but now I want to add
    content. Using dw I linked to the external sheets but I'm lost at how
    to use them on a new page.

    For instance, if I wanted HEADER LOG GOES HERE in the box that the
    header css sheet would apply to, how do I do that? I've div tags and
    I'm assuming there's basic code I'm missing on how to start/stop the
    css sheet I think.

    Dave


    On Jan 25, 1:07 pm, "" <> wrote:

    > You have created the individual .css pages, and you need to add
    > content to the .html pages? Or have you created the .html pages and
    > need to add css styles to the .css pages? More or better info please.
    >
    > Daniel
    >
    > http://a-ok-site.com
     
    iamdave, Jan 25, 2008
    #3
  4. iamdave wrote:

    [Please do not top post.]

    > Sorry, I've created the css sty;e sheets but now I want to add
    > content. Using dw I linked to the external sheets but I'm lost at how
    > to use them on a new page.


    You've already shown you know how to attach the style sheets to your
    page. What is in them? Post a URL.

    > For instance, if I wanted HEADER LOG GOES HERE in the box that the
    > header css sheet would apply to, how do I do that? I've div tags and
    > I'm assuming there's basic code I'm missing on how to start/stop the
    > css sheet I think.


    I think .. well .. you need to step away from Dreamweaver and learn more
    about how web pages are constructed. Trying to explain this in a Usenet
    post would be somewhat difficult. Not dissimilar to teaching you to
    drive a car when you've never been behind a steering wheel before.

    Have a look 'round here: http://htmldog.com/

    <body>
    <div id="header">
    <h1>HEADER LOG GOES HERE</h1>
    </div>
    ...etc

    ...and in the CSS:

    #header {
    font-size: 150%;
    text-align: center;
    }

    --
    -bts
    -Friends don't let friends drive Vista
     
    Beauregard T. Shagnasty, Jan 25, 2008
    #4
  5. iamdave

    Guest

    On Jan 25, 12:13 pm, iamdave <> wrote:
    > Sorry, I've created the css sty;e sheets but now I want to add
    > content. Using dw I linked to the external sheets but I'm lost at how
    > to use them on a new page.
    >
    > For instance, if I wanted HEADER LOG GOES HERE in the box that the
    > header css sheet would apply to, how do I do that? I've div tags and
    > I'm assuming there's basic code I'm missing on how to start/stop the
    > css sheet I think.
    >
    > Dave
    >
    > On Jan 25, 1:07 pm, "" <> wrote:
    >
    > > You have created the individual .css pages, and you need to add
    > > content to the .html pages? Or have you created the .html pages and
    > > need to add css styles to the .css pages? More or better info please.

    >
    > > Daniel

    >
    > >http://a-ok-site.com


    I provide an beginners guide to programming that you might find
    useful. It starts at the very beginning and covers everything you need
    to get started.
    http://a-ok-site.com/webdesign/index.html

    Daniel

    http://a-ok-site.com
     
    , Jan 25, 2008
    #5
  6. Gazing into my crystal ball I observed iamdave <>
    writing in news:67dd4f47-c02c-482a-90a3-9022b3511c08
    @k39g2000hsf.googlegroups.com:

    >
    > Rookie here, sorry.
    >
    > I use dreamweaver.
    >
    > My code is:
    >
    ><meta http-equiv="Content-Type" content="text/html;
    > charset=iso-8859-1">
    ><link href="/header.css" rel="stylesheet" type="text/css">
    ><link href="/left.css" rel="stylesheet" type="text/css">
    ><link href="/right.css" rel="stylesheet" type="text/css">
    ><link href="/body.css" rel="stylesheet" type="text/css">
    ><link href="/footer.css" rel="stylesheet" type="text/css">
    ></head>
    >
    > So the external css sheets are linked within the page.
    >
    > But I don't understand how to get into the page and start putting
    > things into the header, footer etc. In dreamweaver the help talks
    > about seeing it in the window but in the css window I don't see the
    > styles. I see the them in the folder. I'm lost and I know it's
    > something silly, but I cant seem to figure it out. I'm moving from
    > tables to css design so I'm sorry for the very rookie question.
    >
    > Dave


    As others have said, you really need to step away from Dreamweaver and
    learn the actual HTML.

    One thing I would suggest is putting all your external stylesheets into
    one sheet. Eg:
    #header {height:100px;}
    #left {border:1px solid red;}
    #right {border:1px solid green;}
    #body {font-family: arial, helvetica, sans-serif;}
    #footer {margin-top:2em;}

    Then in the markup:

    <div id="header">
    <img src="logo.png" height="100" width="300">
    </div>
    <div id="left">
    Some text
    </div>
    <div id="right">
    Some text
    </div>
    <div id="body>
    <h1>Page</h1>
    <p>Some content</p>
    </div>
    <div id="footer">
    Some legalese
    </div>

    One of the reasons you would want to put everything in one stylesheet is
    you might forget where something is. Was the thing you wanted to style
    in the header, the footer? The exception to that might be keeping colors
    separate, if the positioning is going to remain the same, eg. one
    stylesheet for Christmas (red and green colors), another for Mardi Gras
    (gold, purple and green colors), etc

    --
    Adrienne Boswell at Home
    Arbpen Web Site Design Services
    http://www.cavalcade-of-coding.info
    Please respond to the group so others can share
     
    Adrienne Boswell, Jan 26, 2008
    #6
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Kevin Spencer

    Re: Using external style sheets

    Kevin Spencer, Jul 9, 2003, in forum: ASP .Net
    Replies:
    0
    Views:
    376
    Kevin Spencer
    Jul 9, 2003
  2. soulcode
    Replies:
    1
    Views:
    430
    Jason DeFontes
    May 8, 2004
  3. David K

    external style sheets

    David K, Nov 2, 2003, in forum: HTML
    Replies:
    6
    Views:
    433
    Owen Jacobson
    Nov 3, 2003
  4. Luigi Donatello Asero

    Alternate external style sheets

    Luigi Donatello Asero, Jun 27, 2004, in forum: HTML
    Replies:
    2
    Views:
    418
    Steve Pugh
    Jun 28, 2004
  5. Replies:
    12
    Views:
    342
    Robert Mark Bram
    Dec 3, 2004
Loading...

Share This Page