1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Not good with CSS, need to add something, can u help?

Discussion in 'CSS' started by CircleOfLinks, Dec 4, 2007.

  1. #1
    Hey guys,

    I've just purchased a template and I need to add a border to the styles.css file, im not familiar with it, can someone help? I've attached the actull contects of style.css. I want the border to be in red and have rounded edges.

    Can any one help?

    here is the code

    //////////////////////////////////////////////


    td, table{
    font-family:verdana;
    font-size:9px;
    vertical-align:top;
    line-height:12px;
    color:#7F7F7F;

    }


    form { margin:0px; padding:0px}
    body { margin:0px; padding:0px; background-color: #FFFFFF}

    a { color:#E93400; text-decoration:none}
    a:hover{ text-decoration:underline}

    span a { color:#E93400; text-decoration:underline}
    span a:hover{ text-decoration:none}

    .list ul{margin:0px; padding:0px; list-style:none; line-height:19px;}
    .list ul li{ background:url(images/list_marker.gif) no-repeat left top; padding:0 0 0 10px}
    .list ul li a{ color:#E93400; text-decoration:underline}
    .list ul li a:hover{text-decoration:none}

    .policy{ color:#7F7F7F}
    .policy a{ color:#000000; text-decoration:none}
    .policy a:hover{ text-decoration:underline}

    span{ color:#000000}

    strong a{ font-size:10px}

    strong{ font-size:10px}
    b{ color:#E93400}

    .form input {
    width:191px;
    height:21px;
    font-family:verdana;
    font-size:9px;
    color: #7F7F7F;
    padding:2 0 0 6px;
    border-color:#D5D5D5;
    border-style:solid;
    border-width:1px;
    background-color:#F8F8F8
    }

    .form textarea {
    width:191px;
    height:102px;
    font-family:verdana;
    font-size:9px;
    color:#7F7F7F;
    overflow:hidden;
    padding:2 0 0 6px;
    border-color:#D5D5D5;
    border-style:solid;
    border-width:1px;
    background-color:#F8F8F8
    }

    ////////////////////////////

    thanks heaps
     
    CircleOfLinks, Dec 4, 2007 IP
  2. Crimsonc

    Crimsonc Peon

    Messages:
    616
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #2
    border around what? Also rounded edges involves images. You could use a background image to do this.
     
    Crimsonc, Dec 4, 2007 IP
  3. Diana13

    Diana13 Peon

    Messages:
    78
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You can change
    border-color:#D5D5D5;
    with
    border-color:#FF0000;

    I don't know about round corner in css.
     
    Diana13, Dec 4, 2007 IP
  4. Crimsonc

    Crimsonc Peon

    Messages:
    616
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #4
    div style=" background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000;
    padding: 10px;" >

    That will give you rounded corners but only Firefox and Safari currently supported. For now you are better using images.
     
    Crimsonc, Dec 4, 2007 IP
  5. CircleOfLinks

    CircleOfLinks Active Member

    Messages:
    306
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #5
    hi, i want to put a border around the whole site and then I wanted to put an image in the background around the border (which i know how to do) What would be the best way to make a border. i.e if you look at site swiftmediauk.co.uk and see how they have the outter colour in blue. thast the same kind of thing i wanted.

    thanks
     
    CircleOfLinks, Dec 4, 2007 IP