Colour Border index

Discussion in 'CSS' started by motbott, Nov 8, 2009.

  1. #1
    Hello,

    I'm new here, I don't know so much about CSS, but I toke this code from a webpage time ago:

    #white-left {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 10px;
    background: #1B191B;
    }


    #white-right {
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    width: 10px;
    background: #1B191B;
    }

    #white-top {
    height: 10px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #1B191B;
    }

    #white-btm {
    height: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1B191B;
    }

    This is to make a colour border on the index, I'm trying to do it on dreamweaver, but I can't.... does anybody know what I'm missing???

    Thanks!
     
    motbott, Nov 8, 2009 IP
  2. khajeya

    khajeya Member

    Messages:
    256
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #2
    can you attach your html code too?
     
    khajeya, Nov 18, 2009 IP
  3. Wrams

    Wrams Peon

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Can you also supply the URL to your website..? That seems a hell of a lot of CSS just for a simple border when you can do the same using 1 section of CSS. We will need to view your websites HTML and CSS and the URL itself.
     
    Wrams, Nov 18, 2009 IP
  4. nehrav

    nehrav Peon

    Messages:
    46
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    look at this example,

    #border {
    	border:1px dashed #FF0000; height:200px;
    	}
    HTML:
    <div id="border"></div>
    HTML:
    I think that will solve ur problem.
     
    nehrav, Nov 18, 2009 IP
  5. khajeya

    khajeya Member

    Messages:
    256
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #5
    your css should run on most browsers, maybe you not load your css file

    pls try
    <div style="border:1px dashed #FF0000; height:200px; height:200px;"></div>
    Code (markup):
    and let me know what will happen..
     
    khajeya, Nov 18, 2009 IP
  6. Wrams

    Wrams Peon

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I think you mean width: 200px; as you have height twice ;)

    <div style="border:1px dashed #FF0000; height:200px; width:200px;"></div>
    Code (markup):
     
    Wrams, Nov 18, 2009 IP
  7. khajeya

    khajeya Member

    Messages:
    256
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #7
    o, yes, wrong typing, i mean "width".. :D tq for corrective ;)
     
    khajeya, Nov 19, 2009 IP