Web Analytics Made Easy -
StatCounter cant position my navigation arrow in the correct place. - CodingForum

Announcement

Collapse
No announcement yet.

cant position my navigation arrow in the correct place.

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Resolved 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; Sep 4, 2011, 11:17 AM.
Working...
X