SitePoint Sponsor

User Tag List

Results 1 to 11 of 11

Thread: CSS codes fix

Threaded View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2012
    Location
    Pabna, Bangladesh
    Posts
    38
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS codes fix

    I couldn’t implement some css codes in my html page. Can anybody help me? Here I don't want slide show. Just still image. Here is the code:


    Code CSS:
    #container{
    	width: 960px;
    	margin: 0 auto;
    }
     
    /* SLIDES */
    #slides{
    	position: relative;
    	margin-top: 40px;
    }
    .slides_container{
    	height: 315px;
    }
    .slide-right{
    	position: absolute;
    	top: 0;
    	left: 385px;
    }
     
    .slide-heading{
    	background: url(images/slide-heading.png) no-repeat;
    	width: 494px;
    	height: 68px;
    	color: #fff;
    	font-size: 24px;
    	padding-top: 20px;
    	padding-left: 80px;
    	margin-top: 35px;
    	margin-bottom: 30px;
    }
    .slide-right .info{
    	width: 395px;
    	margin-bottom: 20px;
    	margin-left: 155px;
    }
    .slide-right .readmore{
    	margin-left: 155px;
    }
    .readmore{
    	font-style: italic;
    	text-decoration: none;
    	color: #509743;
    	padding-left: 15px;
    	background: url(images/more.png) no-repeat 0 50%;
    }
    .readmore:hover{
    	color: #c8c8c8;
     
    }
    .pagination{
    	position: absolute;
    	bottom: 25px;
    	left: 25px;
    	z-index: 99;
    }
     
    ul.pagination li{
    	float: left;
    	margin-right: 10px;
    	background: url(images/pagination.png) no-repeat;
    	background-position: top;
    	width: 14px;
    	height: 15px;
    }
    ul.pagination li.current{
    	background-position: bottom;
    }
    ul.pagination li a{
    	display: block;
    	text-indent: -999999px;
    }
     
    a.next{
    	position: absolute;
    	right: 25px;
    	bottom: 30px;
    	display: block;
    	width: 7px;
    	height: 13px;
    	background: transparent url(images/prev-next.png) no-repeat;
    	background-position: top right;
    	text-indent: -9999px;
    }
    a.prev{
    	position: absolute;
    	right: 50px;
    	bottom: 30px;
    	display: block;
    	width: 7px;
    	height: 13px;
    	background: transparent url(images/prev-next.png) no-repeat;
    	background-position: top left;
    	text-indent: -9999px;
    }
    a.next:hover{
    	background-position: bottom right;
    }
    a.prev:hover{
    	background-position: bottom left;
    }
    /* END SLIDES*/
    Last edited by cpradio; Mar 18, 2013 at 06:00. Reason: Added code tags


Tags for this Thread

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
  •