39 users online (0 members and 39 guests)  


  Results 1 to 6 of 6

Related

  1. colored border    Forum: HTML Forum
    Replies: 3
  2. Colored Scrollbars!!!!!!    Forum: HTML Forum
    Replies: 24
  3. Different Colored Links On One Page?    Forum: HTML Forum
    Replies: 3
  4. border shows but I set no border?    Forum: HTML Forum
    Replies: 2
  5. can dropdowns have colored fonts?    Forum: CSS Forum
    Replies: 2
  1. #1
    DaWebmasta's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Jul 2004
    Posts
    83

    Multi-Colored Border

    Hi Does Anybody Know A Code I Can Use So That I Can Get A Border That Has 1px One Color Than 8 px Another Color And 1 Px A Different Color...Thanx

  2. #2
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732
    hi there DaWebmasta,

    yep I know the code

    Here it is ....
    Code:
    <style type="text/css">
    <!--
    #foo {
         border-top:solid 8px #000;
         border-right:solid 12px #444;
         border-bottom:solid 18px #888;
         border-left:solid 27px #ccc;
         background: #eee;
         width:324px;
         height:200px;
    }
    //-->
    </style>
    
    <div id="foo"></div>
    
    coothead

  3. #3
    DaWebmasta's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Jul 2004
    Posts
    83
    Thanx Coothead For Trying But That Is Not The Code I Am Looking For...The Code I'm Looking For Will, Lets Use An Image For Example, It Will Give It A 1px Border (#717371) Than On Top of That A 8px Border (#949694) Than A 1px Border (#717371) On Top Of That...Thanx

  4. #4
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732
    Hi there DaWebmasta,

    do you mean like this then....
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>triple border</title>
    
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
    <base href="http://coothead.homestead.com/files/"/>
    <style type="text/css">
    /*<![CDATA[*/
    
    body {
         background:#cc9fbc;
     }
    
    #outside {
         width:418px;
         height:450px;
         border:solid 1px #000;
         margin:auto;
     }
    
    #middle {
         width:402px;
         height:434px;
         border:solid 8px #ccc;
     }
    
    #inside {
         width:400px;
         height:432px;
         border:solid 1px #000;
     }
    
    #dog {
         width:400px;
         height:432px;
     }
    
    /*//]]>*/
    </style>
    
    </head>
    <body>
    
    <div id="outside"><div id="middle"><div id="inside"><img id="dog" src="dog.jpg" alt=""/></div></div></div>
    
    </body>
    </html>
    coothead

  5. #5
    DaWebmasta's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Jul 2004
    Posts
    83
    Thanx coothead...But I Can't Figure Out How To Use That Code...See I'm Trying To Set Up A Forum But I Haven't Quite Mastered The Art Of Stylesheeting...LOL...If You Could, Do You Think You Could Format That Code So That It Would Work In The Following One...Thanx So Much

    Code:
    #logostrip { border:8px solid #949694;background-color: #C2C2C2;padding:0px;margin:0px; }
    DaWebmasta

  6. #6
    Reasonfalling's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2010
    Posts
    2

    Re: Multi-Colored Border

    Quote Originally Posted by DaWebmasta View Post
    Thanx coothead...But I Can't Figure Out How To Use That Code...See I'm Trying To Set Up A Forum But I Haven't Quite Mastered The Art Of Stylesheeting...LOL...If You Could, Do You Think You Could Format That Code So That It Would Work In The Following One...Thanx So Much

    Code:
    #logostrip { border:8px solid #949694;background-color: #C2C2C2;padding:0px;margin:0px; }
    DaWebmasta
    Yeah, this was forever ago, I know. There actually isn't a code to do that technically. I suggest creating an image and then using it as a background. That would be far easier than all the other codes.



Tags for this Thread