williamrouse Posted April 9, 2009 Report Share Posted April 9, 2009 I have this definition and in the last line the border does not show up, so I made it really visible to check and it still does now show. Any ideas what I should be looking for in my code as to why this is happing or a method to locate the cause? Thanks! WBR #leftMenuContent { float: left; width: 250px; padding: 1px; margin: 2px; height: 680px; /*#ffffff is the bottom color in gradient*/ background: #ffffff url(../images/fading_background_12.png) repeat-x; border-right: thin red; border-right: thick #0000FF; } Quote Link to comment Share on other sites More sharing options...
Wickham Posted April 9, 2009 Report Share Posted April 9, 2009 border-right: thin red; border-right: thick #0000FF; You have two styles for border-right and you haven't defined whether it is solid, dashed, etc. I don't like using thin, medium or thick for borders as I find that different browsers give different thicknesses and if the total width is critical, some browsers will make the total width too much and cause disruption to the layout. I prefer to use px border-right: 3px solid #0000FF; Quote Link to comment Share on other sites More sharing options...
williamrouse Posted April 9, 2009 Author Report Share Posted April 9, 2009 I left the first definition at the bottom of the text since it would be overwritten by the second. Specifying the width in pixel now makes the border visible. Thanks! WBR Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.