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 1 of 1
  1. #1
    Senior Coder
    Join Date
    Jun 2008
    Location
    Cornwall
    Posts
    2,098
    Thanks
    297
    Thanked 12 Times in 12 Posts

    Exclamation cant position my navigation arrow in the correct place.

    Hi All

    i am having a bit of trouble with positioning my right arrow underneath the playlist menu on this page its appearing over the official top 40 chart header instead of after the playlist menu?

    my css is
    Code:
    #playlist_wrap
    {
    width:498px;
    padding-left:20px;
    background:#f5fbfb url(/images/flowplayer/h150.png) repeat-x;	
    }
    #pl {
    	height:60px;
    	width:437px;
    	position:relative;
    	overflow:hidden;
    	margin-right:6px;
    	margin-left:6px;
    }
    
    .entries {
    	height:60px;
    }
    
    .page {
    	width:480px;
    	float:left;
    }
    
    .entries a {
    	color:#666;
    	float:left;
    	font-family:"bitstream vera sans","lucida grande","verdana";
    	font-size:10px;
    	height:50px;
    	margin:0px 3px;
    	padding:5px;
    	text-decoration:none;
    	width:93px;
    	background-image: url("/images/flowplayer/entry.png");
    	background-position:-1px 0;
    }
    
    .entries a:hover {
    	background-position:-106px 0;
    	color:#000;
    }
    
    .entries .playing {
    	background-position:-210px 0;		
    	color:#000;
    }
    
    .entries .paused {
    	background-position:-316px 0;		
    	color:#000;
    }
    
    .entries .progress {
    	opacity:0.8;
    }
    
    .entries em {	
    	float:right;
    	margin-top:15px;
    	color:red;
    	font-style:normal;
    }
    
    .next, .prev {
    	display:block;
    	width:18px;
    	height:18px;
    	background:url(/images/flowplayer/left.png) no-repeat;
    	margin-top:23px;
    	cursor:pointer;
    	float:left;
    	clear:both;
    }
    
    .next:hover, .prev:hover {
    	background-position:0px -18px;		
    }
    
    .next {
    	background-image:url(/images/flowplayer/right.png);	
    }
    
    .next.disabled, .prev.disabled {
    	visibility:hidden;		
    }
    a.player {	
    	display:block;
    	width:520px;
    	height:320px;
    	text-align:center;
    	color:#fff;
    	text-decoration:none;
    	cursor:pointer;
    	background:#000 url(/images/flowplayer/h500.png) repeat-x 0 0;
    	background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));
    }
    
    a.player:hover {
    	background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));	
    }
    
    /* splash image */
    a.player img {
    	margin-top:125px;
    	border:0;	
    }
    
    #player {
    	margin:0;		
    }
    any help appreciated!
    Last edited by LJackson; 09-04-2011 at 03:17 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
  •