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 5 of 5
  1. #1
    New Coder
    Join Date
    Apr 2009
    Location
    Newport Beach, California
    Posts
    96
    Thanks
    11
    Thanked 1 Time in 1 Post

    Left + right borders on blockquote

    hi.

    i am trying to add a thin left + right border to my blockquotes.

    i am fairly familiar with css but cant get these styles to render:

    Code:
    blockquote {
    	font-size: 0.85em;
    	color: #b9c0c0;
    	margin: 2.3em 7%;
    	padding-left: 1em;
    	padding-right: 0.8em;
    	border-left: 1px solid #b9c0co;
    	border-right: 1px solid #b9c0co;
    }
    Actually, the first 3 seem to render fine, but the border doesnt show. They DO however (the L+R borders) show up in Dreamweaver (CS4) .. but when I turn on 'Live View' or try to view the uploaded styles, they dont appear.

    Weird, no?

    Any insight from the experts?

    The page I'm trying to style: http://radified.com/index.rad

    I tried adding more specificity, but that did nothing.
    Last edited by PonchoX; 04-05-2011 at 06:48 PM.

  • #2
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by PonchoX View Post
    hi.

    i am trying to add a thin left + right border to my blockquotes.

    i am fairly familiar with css but cant get these styles to render:

    Code:
    blockquote {
    	font-size: 0.85em;
    	color: #b9c0c0;
    	margin: 2.3em 7%;
    	padding-left: 1em;
    	padding-right: 0.8em;
    	border-left: 1px solid #b9c0co;
    	border-right: 1px solid #b9c0co;
    }
    Actually, the first 3 seem to render fine, but the border doesnt show. They DO however (the L+R borders) show up in Dreamweaver (CS4) .. but when I turn on 'Live View' or try to view the uploaded styles, they dont appear.

    Weird, no?

    Any insight from the experts?

    The page I'm trying to style: http://radified.com/index.rad

    I tried adding more specificity, but that did nothing.
    o is not a vaild digit, use 0 instead,

    best regards

  • #3
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    I think if you change the hex to a color name...ie gray, it seems to work. Never used a border on a block quote like that before, but it seems to not like the hex code for some reason.

    actually, after reading back over this...I think your hex code is invalid. Shouldnt it be

    #b9c0c0
    Last edited by teedoff; 04-05-2011 at 07:18 PM.
    Teed

  • #4
    New Coder
    Join Date
    Apr 2009
    Location
    Newport Beach, California
    Posts
    96
    Thanks
    11
    Thanked 1 Time in 1 Post
    oh my god. how embarrassing.

    thanks.

    in my head i was saying, "cee-oh-cee-oh".

  • #5
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by PonchoX View Post
    oh my god. how embarrassing.

    thanks.

    in my head i was saying, "cee-oh-cee-oh".
    lol happens to everyone. I had to look twice myself. Glad you got it working.
    Teed


  •  

    Posting Permissions

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