Results 1 to 5 of 5

Thread: Dr down list bleeds showing background

  1. #1
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default Dr down list bleeds showing background

    Morning,

    Please use this page http://www.theremotedoctor.co.uk/index.html
    Click on Accessories please.
    Im trying to stop the background bleeding through between each option, bmw-fiat fiat-ford etc etc.
    When looking on the phone it shows up a bit more.
    Ive looked this morning for why it does this but cant put my finger on it.
    Working through the Basic css srt menu, ul li,options ive started at the begining and worked through to the end changing border px,background colour etc etc hoping to see a change after each edit on the phone but no such luck.
    Using Firebug to pin point the issue also did not help me.
    Whilst in Firebug i added/change the code but it did not reflect on what i was trying to find,this could not be done on all of them ad some had a line going through them.
    Ive spent 2 hours looking before i posted this here.
    Here is a screen shot from the phone showing what i need to sort.

    Click image for larger version. 

Name:	1328.jpg 
Views:	159 
Size:	23.7 KB 
ID:	5819
    Last edited by theremotedr; 02-15-2016 at 11:03 AM.

  2. #2
    Join Date
    Nov 2014
    Location
    On A Scottish Island
    Posts
    488
    Thanks
    0
    Thanked 62 Times in 58 Posts

    Default

    It looks fine on my browser:

    Click image for larger version. 

Name:	Trd1.jpg 
Views:	89 
Size:	20.0 KB 
ID:	5820

    You may still want to address these problems.

  3. #3
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default

    Hmmm Strange.
    So as you can see the gaps between each field option where do you see the line in the css file where i can each close the gaps, or if say its a transparent border etc add a colour to it.
    That way it should work.

    Regarding the other problem i need to end my list and then look at them.

  4. #4
    Join Date
    Nov 2014
    Location
    On A Scottish Island
    Posts
    488
    Thanks
    0
    Thanked 62 Times in 58 Posts

    Default

    This should hide the top and bottom borders and leave the left and right ones as they are for each link in the list:

    Code:
    #secondary-navigation ul li a{ 
    	background:#E6E6E6;
    	display:block;
    	margin:5px 0; 
    	padding:10px;
    	text-decoration:none;
        border-style: hidden solid;
        border-width: 1px;
    	border: #5d0e13;
    	box-shadow:#000 4px 4px 8px
    }

  5. #5
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default

    Thanks for the input but that code supplied didnt make any changes.
    This is what you advised,
    Code:
    	background:#E6E6E6;
    	display:block;
    	margin:5px 0; 
    	padding:10px;
    	text-decoration:none;
            border-style: hidden solid;
            border-width: 1px;
    	border: #5d0e13;
    	box-shadow:#000 4px 4px 8px
    This morning using the W3schools try it editor.
    I used my original code but made a few edits.
    Each edit i made one at a time was shown perfect on there editor.
    The only only that caused an issue was border: #5d0e13; so i left it out.
    Having the code below working in there editor i thought i cracked it,sorry to say but when i put it in my basic css line 153 that also had made no changes ???
    I think there must be something else controlling this.

    Code:
        border-style: solid;
        border-color: #000000;
        background:#E6E6E6;
        display:block;
        border-width: 10px;
        margin:5px 0;
        padding:10px;
        text-decoration:none;
        box-shadow:#000 4px 4px 8px

Similar Threads

  1. Background image not showing up
    By TomBain in forum CSS
    Replies: 4
    Last Post: 04-28-2009, 06:22 AM
  2. code needed for showing sub cats in a list
    By rickyspires in forum PHP
    Replies: 2
    Last Post: 03-18-2009, 10:57 AM
  3. Resolved Firefox not showing background of div
    By Geezer D in forum CSS
    Replies: 5
    Last Post: 11-05-2008, 01:57 PM
  4. Replies: 2
    Last Post: 06-24-2008, 04:22 PM
  5. 'Chained Menu Select' not showing list items
    By Adam1v in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 07-10-2007, 03:16 PM

Bookmarks

Posting Permissions

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