SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2002
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Arrow environmental risk management web site

    I have built a web site about environmental risk management and risk assessments for a client I use CSS but do not know how to open and close CSS code or start the code off the site is http://www.environmental-risk-management.co.uk/
    I will be building sites for this client under these domains so you can see I need to get the code right.
    http://www.contaminated-land-assessment.co.uk/
    http://www.environmental-risk-management.co.uk/
    http://www.environmental-risk-assessment.co.uk/
    http://www.environmental-risk.co.uk/
    http://www.risk-management.u-k.org/
    http://www.asbestos.u-k.org/
    http://www.corporate-risk-management.co.uk/
    http://www.groundwater-pollution.co.uk/
    http://www.remediation-services.co.uk/

  2. #2
    SitePoint Zealot
    Join Date
    Jan 2002
    Posts
    178
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    im not sure what you mean, but i hope what im saying is what you need..
    you want to learn how to do stylesheets instead of <tag style="properties"> bit right? ok, here i go..
    Style Sheets are (sometimes) defined tags with properties. in most cases, CSS can get down to the nitty gritty, and be super specific. here's what a basic CSS style sheet looks like:
    Code:
    <style type="text/css">
    <!--
      BODY {background-color:#FFFFFF;}
      DIV {font-size:11px;}
      SPAN.specific {font-size:10px;font-family:Verdana,Arial,Sans-Serif;}
    -->
    </style>
    the first thing you come across this CSS is the BODY. This will give the <BODY> tag properties of its background-color being white (#FFFFFF). As the same for the DIV tag, EVERY time you use the <DIV> tag, anything in between to the end tag will have a font-size of 11 pixels.
    the next one you see is the SPAN tag...but wait..theres something else on it. theres a .specific hooked onto it! this is called classifying your tag. what this piece is saying is, for every <SPAN> tag with the property class="specific" (<span class="specific">), it will have a font-size of 10 pixels and a font or Verdana OR Arial OR a Sans-Serif font (whichever the client that is accessing your page has).
    well, thats me babbling one..good luck
    InQuE

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2002
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for your reply you are very kind!

    These are the things I want my style sheet to do and this is how it looks on the page?? does this sound seem right??



    body { background-color: white; font-family: verdana; font-size: 12px; font-weight : normal; color:#000000 }
    p { margin-left: 30px }
    p { margin-right: 30px }
    h1 { background-color: white; color:#000000; margin-left: 30px; margin-right: 30px; font-family: verdana, arial, helvetica, sans-serif; font-size:16pt }
    Td { font-family: verdana; font-size: 12px; font-weight : normal; color:#000000 }


    A:link { background-color: white; font-family: verdana; font-size: 12px; text-decoration: none; color: #000000 }
    A:visited { background-color: white; font-family: verdana; font-size: 12px; text-decoration: none; color: #000000 }
    A:hover { background-color: white; font-family: verdana; font-size: 12px; text-decoration: underline; color: #CC9900 }
    A:active { background-color: white; font-family: verdana; font-size: 12px; text-decoration: none; color: #000000 }

    This is how I call my style sheet up in the html of each page

    <link rel=stylesheet type="text/css" href="default.css" tppabs="default.css">

    ANY help would be great!

  4. #4
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    yes what you have there is right. Place that link code in the top of every html page and remove all font tags from the html pages and that shoudl work correctly.

    To write the css file itself you don't need any tags before or after it just write it exactly how you have in your post.

    You might also find this site useful for tips etc to creating style sheets - here

    Sarah
    Regular user

  5. #5
    SitePoint Enthusiast
    Join Date
    Aug 2002
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks alot for that!!!

  6. #6
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    no problem, you can also open up google and type in css style sheets etc and believe me its amazing the number of sites out there - but be prepared its a long read

    Sarah
    Regular user


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •