Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    May 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Table border trouble

    Code:
    .header{
    	border-left: #3FC0FE;
    	border-left-width: 10px;
    	border-top: #3FC0FE;
    	border-top-width: thick;
    	border-bottom: #0080FF;
    	border-bottom-width: thick;
    	border-right: #0080FF;
    	border-right-width: thick;
    	background-color: #000000;
    }
    That's my code, when editing in Dreamweaver it looks right, beside the point that the border thickness isn't thick...but when I preview in Firefox and IE it doesn't show correctly. There isn't a border in sight.

    [edit]I did the AddType thing for a css file. And nothing changed.
    Last edited by Lang; 05-16-2005 at 03:51 AM. Reason: Looked at FAQ

  • #2
    Senior Coder
    Join Date
    Jul 2004
    Location
    New Zealand
    Posts
    1,315
    Thanks
    0
    Thanked 2 Times in 2 Posts
    You need a border-style property.
    Forget style. Code to semantics. Seperate style from structure, and structure from behaviour.
    I code to specs, and test only in Firefox (unless stated otherwise).

  • #3
    New to the CF scene
    Join Date
    May 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Still didn't work.

    I added
    border-style: single;

  • #4
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,785
    Thanks
    8
    Thanked 131 Times in 129 Posts
    Code:
    .header{
    	border-left: #3FC0FE 10px solid;
    	border-top: #3FC0FE thick solid;
    	border-bottom: #0080FF thick solid;
    	border-right: #0080FF thick solid;
    	background-color: #000000;
    }
    is "thick" a property?

  • #5
    Regular Coder
    Join Date
    Mar 2005
    Posts
    123
    Thanks
    0
    Thanked 0 Times in 0 Posts
    try

    border-POSITION: 1px solid #HEX;

    ex.

    border-left: 1px solid #000000;

  • #6
    Senior Coder
    Join Date
    Jul 2004
    Location
    New Zealand
    Posts
    1,315
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by Lang
    Still didn't work.

    I added
    border-style: single;
    Single is not a valid value. You can select from
    • none
    • hidden
    • dotted
    • dashed
    • solid
    • double
    • groove
    • ridge
    • inset
    • outset
    Forget style. Code to semantics. Seperate style from structure, and structure from behaviour.
    I code to specs, and test only in Firefox (unless stated otherwise).


  •  

    Posting Permissions

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