Page 1 of 2 12 LastLast
Results 1 to 10 of 14
  1. #1
    Join Date
    Sep 2008
    Posts
    49
    Plugin Contributions
    0

    Default CSS Hover Help Reqd

    Hi - thanks for stopping by!!

    Ok heres my issue. I am trying to create a rollover on the sidebox. I have the rollover working but it will only display behind the text.

    Eg:

    CATEGORYTITLE (12) would show the image behind the TLE where I need it to display on the right of the containing box and not to the right of the text. It is worth mentioning that the image does not sit behind the numbers display, only the category name.

    Code:
    .sideBoxContent , .sideBoxContent a{
    color:#ffffff;
    	background-color: #000034;
    	font-size: 1.2em;
    	}
    
    .sideBoxContent a:hover{
    color:#ffffff;
    	background-color: #000034;
    	font-size: 1.2em;
    text-decoration: underline;
    background-image: url(../images/lft_roll.jpg); background-position:right;
    image-width: 149px;
    background-repeat: no-repeat;	
    }
    any help greatly appreciated! :)

  2. #2
    Join Date
    Sep 2008
    Posts
    49
    Plugin Contributions
    0

    Default Re: CSS Hover Help Reqd

    no one got any advice??

  3. #3
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: CSS Hover Help Reqd

    No link to your site for us to see
    Zen-Venom Get Bitten

  4. #4
    Join Date
    Sep 2008
    Posts
    49
    Plugin Contributions
    0

    Default Re: CSS Hover Help Reqd


  5. #5
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: CSS Hover Help Reqd

    Zen-Venom Get Bitten

  6. #6
    Join Date
    Sep 2008
    Posts
    49
    Plugin Contributions
    0

    Default Re: CSS Hover Help Reqd

    Kobra - firstly let me say thanks, i appreciate your input!

    now i tried a z-index..

    Code:
    .sideBoxContent a:hover{
    color:#ffffff;
    	background-color: #000034;
    	font-size: 1.2em;
    text-decoration: underline;
    background-image: url(../images/lft_roll.jpg); background-position:absolute; z-index: 1;
    image-width: 149px;
    background-repeat: no-repeat;	
    }
    but now the image is only visible on a single item within the menu (and that item drops over 2 rows)..

    any other thoughts?

    cheers

  7. #7
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: CSS Hover Help Reqd

    Try taking out the position absolute and make the z-index 1000 if you want it over the text
    Zen-Venom Get Bitten

  8. #8
    Join Date
    Sep 2008
    Posts
    49
    Plugin Contributions
    0

    Default Re: CSS Hover Help Reqd

    again thanks for your continual support...still no luck tho


  9. #9
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: CSS Hover Help Reqd

    Your css has not changed from using position absolute and a z-index of "1"
    Zen-Venom Get Bitten

  10. #10
    Join Date
    Sep 2008
    Posts
    49
    Plugin Contributions
    0

    Default Re: CSS Hover Help Reqd

    sorry Kobra, pasted the old code in

    Code:
    .sideBoxContent a:hover{
    color:#ffffff;
    	background-color: #000034;
    	font-size: 1.2em;
    	padding-left: 0.2em;
    text-decoration: underline;
    background-image: url(../images/lft_roll.jpg); z-index: 1000;
    image-width: 149px;
    background-repeat: no-repeat;	
    }
    i had done an upload with the new settings and it didnt work so reverted back, I have however reploaded the ones as advised so source should display your reccomendation.

    Tell you what i think i owe you a beer after we get this one cracked!

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. EZ Pages - CSS un li div selected/hover
    By Marv in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 21 Dec 2011, 09:19 AM
  2. CSS Hover Buttons
    By hlycom99 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 25 Jul 2007, 02:00 AM
  3. CSS Question re: configuring a:hover
    By bgroup99 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 6 Mar 2007, 04:27 AM
  4. CSS Catagories Hover?
    By [email protected] in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 21 Feb 2007, 09:48 PM

Posting Permissions

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