Problème script slide

rom02b · Août 24, 2010, 5:02

Bonjour, j’ai récupéré un script (http://cssglobe.com/lab/easyslider1.7/01.html) qui fonctionne sur tous les navigateurs sauf que quand moi je l’ai mis sur mon blog Wordpress, il fonctionne sur firefox mais pas sur google chrome ni IE. Je pense que donc que c’est un conflit avec mon code css ou php mais je ne trouve pas lequel.

Voici mon code CSS du slide:

body {
		background:#fff url(../images/bg_body.gif) repeat-x;
		font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
		line-height:180%;
		margin:0;
		padding:0;
		text-align:center;
	}
	h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:0 20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

Mon code CSS de la page:

/*   
Theme Name:iDream
Theme URI:http://www.templatesnext.org/theme-idream/
Description:WordPress theme with two columns, four widget areas. The theme options include a removable bottom sidebar, category or page navigation, custom copyright notice. It comes with optional graphic logo.
Author:marsian
Author URI:http://www.templatesnext.org/
Version:1.0.2
Tags: two-columns, fixed-width, red, white, right-sidebar, threaded-comments

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

@charset "utf-8";
/* CSS Document */

/*       +++++++++++ Basic CSS +++++++++++++      */

* {margin:0; padding:0;}

body {
	color: #373737;
	background:url(images/bg2.jpg) top center no-repeat #222326;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #3e3e3e;
	background-position: top;
	background-color: #292929;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	margin-bottom: 16px;
	margin-top: 12px;
}

p {
	margin:0px 0px 20px 0px;
}

a {
	outline:none; 
	text-decoration: none;
	color: #333333;
}
a:hover {
	color:#c00000;
	text-decoration: none;
}

a img {
	border:none;
}

.clr {
	display: block;
	clear: both;
}

.clr6 {
	display: block;
	clear: both;
	height: 6px;
}

.clr12 {
	display: block;
	clear: both;
	height: 12px;
}

.clr16 {
	display: block;
	clear: both;
	height: 16px;
}

form {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-bottom: 6px;
}

ul ul,
ul ul ul{
	margin-bottom: 0px;
}

ul li,
ul li ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 16px;
	background-image: url(images/sq-bullet3.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding-left: 12px;
	margin-bottom: 6px;
}

ul li ul li {
	background-image: url(images/sq-bullet4.gif);
}


ol {
	margin: 0px;
	padding: 0 0 0 24px; /*--Distance between the order numbers--*/
}
ol li {
	margin: 0px;
	padding: 0px 0px;
	margin-bottom: 6px;	
}

hr {
	background-color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #CCCCCC;
}

fieldset {
	border: 1px solid #999999;
	padding: 12px;
}

fieldset legend {
	font-weight: bold;
	color: #333333;
}

input[type=text], input[type=password], input[type=file], select, textarea {
	border: 1px solid #858a8e;
	background-color: #c9ccd0;
	color: #333333;
	background-image: url(images/inputbg.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

input[type=button], input[type=reset], input[type=submit] {
	border: 1px solid #858a8e;
	background-color: #141618;
	color: #abafb0;
	padding: 3px 12px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	margin-top: 2px;

	text-align: center;
	vertical-align: middle;
	padding: 3px 0px;
	border: 1px solid #7a0000;
	cursor: pointer;
	background-color: #c00000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;	
}


/*       +++++++++++ Basic Layout +++++++++++++      */
#wrapper {
	display: block;
	width: 960px;
	margin: 0px auto;
	text-align: left;
}

#layouttop {
	display: block;
	width: 960px;
	height: 26px;
	background-image: url(images/headertop2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 24px 0 0 0;
}

#layoutbottom {
	display: block;
	width: 960px;
	height: 26px;
	background-image: url(images/footerbottom.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 12px;
}

#header {
	display: block;
	width: 864px;
	height: 120px;
	padding: 0px 48px;
	background-image: url(images/headerbg2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px;
	overflow: hidden;
}

#outerwrapper {
	display: block;
	padding: 0px 0px;
	background-image: url(images/innerbg-trns.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin: 0px 0px;
}

#innerwrapper {
	display: block;
	width: 864px;
	padding: 0px 48px;
	background-image: url(images/innerbg-top.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
	margin: 0px 0px;
}

/*       +++++++++++ Header +++++++++++++      */

#header #headerleft{
	display: block;
	float: left;
	width: 620px;
	padding-top: 6px;
}

#header #headerright{
	display: block;
}

#header #headerleft h1 {
	margin: 0px;
	padding: 0px;	
}

#header #headerleft h1 a{
	display: block;
	padding-right: 12px;
	font-size: 30px;
	color: #c00000;
	font-weight: normal;
	text-decoration: none;
	text-shadow: #999999 1px 1px 2px;
}

#header #headerleft h1 a.nobar{
	border-right: 0px solid #adb0b4;
}

#header #headerleft h1 a.nobar img{
	border: 0px solid #adb0b4;
	max-height: 200px;
}

#header #headerleft h3{
	display: block;
	float: left;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	padding-top: 2px;
	margin: 0px;
}

#header #headerright #rssboxo{
	display: block;
	float: right;
	width: 124px;
	height: 41px;
	margin-top: 0px;
	background-image: url(images/rssbg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header #headerright #rssboxo a{
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	margin: 17px 0px 0px 48px;
}



/*       +++++++++++ Top navigation +++++++++++++      */

#navouter {
	display: block;
	height: 60px;
	background-image: url(images/topnavbg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#navouter #nav {
	display: block;
	height: 32px;
	padding: 14px 40px 0px 40px;

}

#navouter #nav ul{	
}

#navouter #nav ul,
#navouter #nav ul li{
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: none;
	list-style-type: none;
}

#navouter #nav ul li a,
#navouter #nav ul li a:visited{
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	color: #f1d7d7;
	margin: 0px;
	padding: 0px 24px;
	background-image: none;
	text-decoration: none;
	border-right: 1px solid #ce3232;
	background-color: #c00000;	
}

#navouter #nav ul li.current_page_ancestor a,
#navouter #nav ul li.current_page_item a,
#navouter #nav ul li a:hover {
	color: #FFFFFF;
	background-color: #950000;
}

/* +++++++ Drop down menu CSS +++++++++++++++ */

#navouter #nav ul#dropmenu, 
#navouter #nav ul#dropmenu ul {
	margin:0; padding:0; 
	list-style-position:outside; 
	position:relative; 
	z-index:300; 
	width:100%;
} 

#navouter #nav ul#dropmenu a {

} 

#navouter #nav ul#dropmenu a:hover {} 

#navouter #nav ul#dropmenu li {
	position:relative;
} 

#navouter #nav ul#dropmenu ul {
	position:absolute; 
	display:none; 
	width:120px; 
	top:32px; 
	left:-1px;
} 

#navouter #nav ul#dropmenu ul a {
	border:1px solid #ce3232; 
	background-color: #950000; 
	padding: 0px 12px;
} 

#navouter #nav ul#dropmenu li ul {
	width:120px;
} 

#navouter #nav ul#dropmenu li ul a {
	width:120px; 
	height:auto; 
	float:left;
} 

#navouter #nav ul#dropmenu ul ul {
	top:auto; 
	width:144px;
} 

#navouter #nav ul#dropmenu li ul ul {
	left:120px; 
	margin:0px 0 0 25px;
} 

#navouter #nav ul#dropmenu li:hover ul ul, 
#navouter #nav ul#dropmenu li:hover ul ul ul, 
#navouter #nav ul#dropmenu li:hover ul ul ul ul {
	display:none;
} 

#navouter #nav ul#dropmenu li:hover ul, 
#navouter #nav ul#dropmenu li li:hover ul, 
#navouter #nav ul#dropmenu li li li:hover ul, 
#navouter #nav ul#dropmenu li li li li:hover ul {
	display:block;
}  

/*       +++++++++++ Main Content Area +++++++++++++      */

#maincol {
	display: block;
	width: 571px;
	float: left;
	padding-right: 16px;
	border-right: 1px dotted #c9c9c9;
}

div.postwrap {
	display: block;
	margin-bottom: 16px;
	padding-top: 8px;
}

h2.searchtitle-page,
div.postwrap h2.posttitle-page,
div.postwrap h2.posttitle-page a,
div.postwrap h2.posttitle,
div.postwrap h2.posttitle a,
div.postwrap h2.posttitle a:visited {
	font-size: 20px;
	font-weight: bold;
	color: #474747;
	text-decoration: none;
	margin-bottom: 0px;
	color: #c00000;
}

div.postwrap h2.posttitle a.searchtitle {
	font-size: 14px;
}

h2.searchtitle-page,
div.postwrap h2.posttitle-page {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 4px;
	margin-bottom: 24px;	
}

div.postwrap h2.posttitle a:hover {
	color: #c00000;
	color: #950000;
}

div.postwrap p.postmeta,
div.postwrap div.postmeta {
	display: block;
	min-height: 23px;
	vertical-align: middle;
	color: #84878b;
	font-size: 11px;
	padding: 3px 0px;
	margin-top: 0px;
}

div.postwrap p.postmeta a,
div.postwrap div.postmeta a,
div.postwrap p.postmeta a:visited,
div.postwrap div.postmeta a:visited {
	border-bottom: 1px solid #afafaf;
	color: #999999;
}
div.postwrap p.postmeta a:hover,
div.postwrap div.postmeta a:hover {
	border-bottom: 0px solid #afafaf;
}

div.postmeta2 {
	display: block;
	position: relative;
}
div.postmeta2 div.meta2inner {
	display: block;
	position: absolute;
	height: 70px;
	width: 58px;
	background-image: url(images/datebg.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	left: -34px;
	top: -0px;
}

div.postmeta2 div.meta2inner div.pday {
	text-align: center;
	display: block;
	padding-left: 4px;
	font-size: 26px;
	font-weight: bold;
	padding-top: 8px;
}

div.postmeta2 div.meta2inner div.pmonth {
	text-align: center;
	display: block;
	padding-left: 4px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 0px;
}


div.postwrap div.postmeta,
div.postwrap h2.posttitle {
	padding-left: 32px;
}

div.postwrap div.postcontent {}

div.postwrap div.postcontent a {
	border-bottom: 1px solid #afafaf;
}

div.postwrap div.postcontent a:hover {
	border-bottom: 0px solid #afafaf;
}


div.roubcornrcontent {
	display: block;
	padding: 6px 12px;
	background-color: #e6e6e6;
}

div.postwrap div.roubcornrcontent a,
div.postwrap div.roubcornrcontent a:visited{
	color: #666666;
	text-decoration: none;
}

div.postwrap div.roubcornrcontent a:hover{
	color: #CC0000;
	text-decoration: none;
}

div.postwrap span.postcomments {
	display: block;
	width: 124px;
	float: left;
	background-image: url(images/icon-comment.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
}



div.postwrap span.posttags-single,
div.postwrap span.posttags {
	display: block;
	width: 312px;
	float: left;
	background-image: url(images/icontag.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
	color: #999999;
}

div.postwrap span.posttags-single {
	display: block;
	float: none;
	width: auto;
	width: 530px;
	padding: 0px 12px 0px 18px;
	min-height: 16px;
}

div.postwrap span.postmore {
	display: block;
	float: left;
	background-image: url(images/icon-more.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
}

#nextprevious {
	display: block;
	margin-bottom: 16px;
}

#extrastuff #rssleft,
#extrastuff #trackright,
#nextprevious .alignleft a, 
#nextprevious .alignright a {
	display: block;
	border: 1px solid #bdbdbd;
	padding: 4px 6px;
	background-color: #e6e6e6;
}

h2.arpageTitle {
	display: block;
	font-size: 20px;
	border-bottom: 1px solid #999999;
	margin-bottom: 24px;
}

a.searchmore,
a.searchmore:visited {
	display: block;
	float: right;
	line-height: 18px;
	height: 18px;
	vertical-align: middle;
	font-size: 11px;
	color: #CCCCCC;
	padding: 2px 6px;
	background-color: #2e3135;
	margin-top: 12px;
}

a.searchmore:hover {
	color: #FFFFFF;
}

.ie a.searchmore {
	margin-top: 0px;
}

/*       +++++++++++ Comment page +++++++++++++      */

a.post-edit-link {
	display: block;
	line-height: 22px;
	height: 22px;
	vertical-align: middle;
	font-size: 12px;
	color: #CC0000;
	text-decoration: underline;
	display: block;
	margin-bottom: 12px;
}

a.post-edit-link:hover {
	text-decoration: none;
}

h3#commentstitle {
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	padding-left: 0px;
	padding-bottom: 4px;
	margin-bottom: 12px;
	border-bottom: 1px solid #cecece;
}

ul.commentlist {
}

ul.commentlist li {
	margin: 2px 0px 24px 0px;
	padding: 0px;
	background-image: none;
}

ul.commentlist ul {
	margin-left: 12px;
	margin-top: 16px;
}

ul.commentlist li ul li {
	display: block;
	margin: 2px 0px;
	padding: 4px;
	border-left: 1px solid #cecece;
}

ul.commentlist li ul li ul li {
}

ul.commentlist li ul li ul li {
}

ul.commentlist li ul li ul li ul li {
}

a.gravatar {
	display: block;
	float: left;
	margin: 0px 8px 4px 0px;
}

a.gravatar img{
	border: 4px solid #FFFFFF;
}

a.comment-reply-link {
	display: block;
	margin: 0px;
	padding: 4px;
	border-bottom: 1px solid #cecece;
}

div#respond {}

div#respond h3 {
	margin-bottom: 12px;
}

div.commentbody cite,
div.commentbody cite a {
	color: #666666;
	font-weight: bold;
}

/*       +++++++++++ Right column side bar +++++++++++++      */

#rightcol {
	display: block;
	width: 260px;
	float: left;
	margin-left: 16px;
	overflow: hidden;
}

div.rightcontent {
	display: block;
	padding: 12px 16px;
}

#searchboxo {
	display: block;
	padding: 16px 0px 16px 16px;
	background-color: #474747;
	margin: 16px 0px;
	border-top: 2px solid #c00000;
}

#searchboxo form input.searchinput {
	display: block;
	float: left;
	width: 140px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 11px;
	margin: 0px;
	padding: 0px 2px;
	border: 1px solid #7f7f7f;
	background-color: #FFFFFF;
	background-image: url(images/inputbg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

#searchboxo form input.submitbutton {
	display: block;
	float: left;
	width: 72px;
	margin: 0px;
	margin-left: 6px;
	text-align: center;
	vertical-align: middle;
	padding: 3px 0px;
	border: 1px solid #7a0000;
	cursor: pointer;
	background-color: #c00000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}

#rightcol ul.sidebaritem,
#rightcol li.sidebaritem {
	margin: 0px;
	padding: 0px;
	background-image: none;
	list-style-type: none;
}

div.widget,
div.widget-cat,
#rightcol li.sidebaritem {
	margin-bottom: 16px;
}

#bottompanel div.col1 h3,
#bottompanel div.col2 h3,
#bottompanel div.col3 h3,
div.widget h4,
div.widget h2,
#rightcol li.sidebaritem h2.widgettitle {
	font-size: 18px;
	font-weight: normal;
	color: #474747;
	padding: 4px 12px 4px 12px;
	margin-bottom: 12px;
	background-color: #f4f4f4;
	border-top: 1px solid #c00000;
	background-image: url(images/downarrow.gif);
	background-position: right top;
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-left: 12px;
	text-indent: 0px;
}

div.widget-cat h4,
#rightcol li.widget_categories div.sidebarbox h2.widgettitle {
	font-size: 18px;
	font-weight: normal;
	color: #474747;
	padding: 4px 12px 4px 12px;
	min-width: 160px;
	margin-bottom: 1px;
	background-color: #f4f4f4;
	border-top: 2px solid #c00000;
	background-color: #464848;
	color: #FFFFFF;
	background-image: url(images/downarrow.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

div.widget-cat ul li,
li.widget_categories ul li {
	display: block;
	background-color: #F4F4F4;
	border-bottom: 1px solid #DFDFDF;
	padding: 4px 0px 4px 16px;
	margin: 0px;
	background-image: none;
	color: #9ea2a9;
	background-image: url(images/item-pointer.gif);
	background-position: 4px 8px;
	background-repeat: no-repeat;	
}

div.widget-cat ul li ul li,
li.widget_categories ul li ul li,
div.widget-cat ul li ul li ul li,
li.widget_categories ul li ul li ul li{
	border-bottom: 0px solid #1f2225;
	padding: 4px 0px 4px 12px;
	border-left: 1px solid #DFDFDF;
}

div.widget-cat ul li a,
div.widget-cat ul li a:visited,
li.widget_categories ul li a,
li.widget_categories ul li a:visited{
	color: #666666;
	font-weight: bold;
}

div.widget-cat ul li a:hover,
li.widget_categories ul li a:hover{
	color: #333333;
}

table#wp-calendar {
	border-collapse: collapse;
	border: 0px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #00FF00;
	width: 100%;
}

table#wp-calendar caption {
	background-color: #CC0000;
	font-size: 14px;
	padding: 4px 0px;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	border: 1px solid #50545a;	
}

table#wp-calendar tr {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

table#wp-calendar td,
table#wp-calendar th{
	border-collapse: collapse;
	border: 1px solid #50545a;
	text-align: center;
}

table#wp-calendar td a,
table#wp-calendar td a:visited{
	font-weight: bold;
	color: #F8C2C4;
}
table#wp-calendar td a:hover{
	color: #FFFFFF;
}

#feedbox {
	display: block;
	background-image: url(images/rssbg.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 70px;
}

#feedbox #contrssbox {
	display: block;
	float: left;
	margin: 12px 0px 0px 16px;
}

#feedbox #contrssbox a,
#feedbox #contrssbox a:visited{
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	color: #caced3;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images/rss-bg.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 96px;
	padding-left: 36px;
}

#feedbox #contrssbox a:hover{
	color: #FFFFFF;
	background-position: 0px -32px;	
}


div.sidebarbox select.postform {
	margin-top: 12px;
}

span.rss-date {
	display: block;
	font-size: 11px;
	color: #999999;
}


/* ++++++++++++ Footer +++++++++++++++ */

#bottompanel {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	margin-top: 16px;
}

#bottompanel div.col1,
#bottompanel div.col2,
#bottompanel div.col3 {
	display: block;
	float: left;
	width: 32%;
	margin-top: 0px;
	padding-top: 0px;
}

#bottompanel div.col1 h3,
#bottompanel div.col2 h3,
#bottompanel div.col3 h3 {
	margin-top: 0px;
	padding-top: 0px;
}

#bottompanel div.col2,
#bottompanel div.col3 {
	margin-left: 2%;
}

div.copyr {
	display: block;
	padding: 6px 0px;
	font-size: 11px;
	color: #666666;
	margin-top: 12px;
}

#credit {
	display: block;
	width: 864px;
	margin: 0px auto;
	text-align: right;
	color: #707279;
	font-size: 11px;
	padding: 0px 0px 12px 0px;
}

#credit a,
#credit a:visited{
	color: #707279;
	font-size: 11px;
	text-decoration: underline;
	color: #8f9198;
}

#credit a:hover{
	text-decoration: none;
}

/* Misc */

.highlight {
  color: #222;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 6px 10px 6px 0;
  }
.alignright {
  float: right;
  margin: 6px 0 6px 10px;
  }
  
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  	border: 1px solid #ddd;
  	text-align: center;
  	background-color: #DFDFDF;
  	padding-top: 4px;
}

div.postwrap div.postcontent div.wp-caption a,
div.postwrap div.postcontent div.wp-caption a:visited {
	border-bottom: 0px solid #FFFFFF;
}

.wp-caption img {
	  margin: 0;
	  padding: 0;
	  border: none;
	  margin-bottom: 4px;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
}

div#extrastuff {
	display: block;
	margin-bottom: 24px;
	margin-top: 12px;
}

/* WP */
blockquote{margin:20px 10px 10px 5px;border-left:4px solid #DDD;padding:0 5px 0 5px;font-size:9px;text-align:justify;}
.commenttext blockquote{border-left:4px solid #B6B6B5;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;}
.wp-caption img{border:none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;color:#111;margin:0;padding:0 4px 5px;}
.alignleft,img.alignleft{float:left;margin:5px 10px 5px 0;}
.alignright,img.alignright{float:right;margin:5px 0 5px 10px;}
.aligncenter,div.aligncenter,img.aligncenter{text-align:center;display:block;margin:10px auto;}
abbr, acronym, span.abbr{cursor:help;border-bottom:1px dotted #000;}
table{margin:.5em 0 1em;}
table td,table th{text-align:left;border-right:1px solid #414246;padding:.4em .8em; color: #CCCCCC;}
table th{background-color:#1f2225;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #35383d;}
table td{background-color:#3f4248;}
table th a{color:#d6f325;}
table th a:hover{color:#fff;}
table tr.even td{background-color:#2f3136;}
table tr:hover td{background-color:#25272b;}
table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}
.wp_syntax { width:auto; }
.wp_syntax table { border:0 !important; }
.wp_syntax table td { border:0 !important; }
img.wp-smiley{border:0px;vertical-align:middle;}

#masthead {
	width: 990px;
	min-height: 326px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	}

#myController span{
	text-indent:-10000px;
	display: none;
}

#jFlowSlide{ float: left;}

#myController span.jFlowSelected {
}

.jFlowPrev{
	float: left;
	width: 30px;
	height: 30px;
	margin: 156px 0 0;
	text-indent:-10000px;
	cursor:pointer;
	background: transparent url(images/topslideleft.png) top left no-repeat;
}

.jFlowNext{
	float: right;
	width: 30px;
	height: 30px;
	margin: 156px 0 0;
	text-indent:-10000px;
	cursor:pointer;
	background: transparent url(images/topslideright.png) top left no-repeat;
}

.masthead_lft{
	float:left;
	margin:	45px 0 0 30px;
	width:360px;
	height:255px;
}

.masthead_lft h2 a{
	color:#158BB7;
	text-decoration: none;
	}

.masthead_lft h2 a:hover{
	color:#484848;
	text-decoration: none;
}

.masthead_lft h2{
	color:#B71517;
	font-size: 2.4em;
	}
.masthead_lft p{
	font-size: 1.4em;
	line-height: 1;
	margin-bottom: .15em; 
	}

.mh_contact{
	float:right;    
	background:transparent url(images/mh_contact.png) no-repeat;
	display:block;
	margin:8px 0 0 12px;
	height:30px;    
	width:130px;   
	text-indent:-9999px;    
	overflow:hidden;
	}
	
a.mh_contact:hover{
	background:transparent url(images/mh_contact.png) 0 -30px no-repeat;    
	display:block;    
	height:30px;    
	width:130px;    
	text-indent:-9999px;    
	overflow:hidden
	}

.masthead_rgt{
	float:right;
	margin-top:52px;
	padding: 11px 0 0 42px;
	width:458px;
	height:237px;
	background:transparent url(images/msthdframe.png) top left no-repeat;
	}

.masthead_rgt img{
	width: 413px;
	height: 212px;
	border: none;
	}

Et mon code HTML Header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"  />
<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="robots" content="follow, all" />

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<!--[if IE]><link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/ie.css" type="text/css" media="screen" /><![endif]-->
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />

		<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/easySlider1.7.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){	
			$("#slider").easySlider({
				auto: true, 
				continuous: true
			});
		});	
	</script>



<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>

<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.pngFix.js"></script>

<!-- this product is released under General Public License. Please see the attached file for details. You can also find details about the license at [www.opensource.org...](http://www.opensource.org/licenses/gpl-license.php) -->
<script type="text/javascript">
/* <![CDATA[ */

jQuery(document).ready(function(){ 
    jQuery(document).pngFix(); 
});

jQuery(document).ready(function() { 
jQuery("#dropmenu ul").css({display: "none"}); // Opera Fix 
jQuery("#dropmenu li").hover(function(){ 
        jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).show(268); 
        },function(){ 
        jQuery(this).find('ul:first').css({visibility: "hidden"}); 
        });
		 
}); 
/* ]]> */ 
</script>

</head>

<body>

<div id="wrapper" align="center">
	<div id="layouttop"></div>
    
    <!-- Header Starts -->
    <div id="header">
    	<div id="headerleft">
        	<?php
        	 if (get_option('logoURL')) {
              ?>
              	<h1><a href="<?php bloginfo('url'); ?>" class="nobar"><img src="<?php echo get_option('logoURL'); ?>" alt="<?php bloginfo('name'); ?>"></a></h1></h3>
			  <?php
              } else {
              ?>
              	<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1><h3><?php bloginfo('description'); ?></h3>
			  <?php
            }
			?>           
        </div>
        <div id="headerright">
        	<div id="rssboxo">
            	<a href="<?php bloginfo('rss2_url'); ?>">RSS Feed</a>
			</div>
        </div>
    </div>
    <!-- Header Ends -->

    
    

    	
        <!-- Main nav Starts here -->
        <div id="navouter">
            <div id="nav">

                <ul id="dropmenu">
                <li class="page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>">Accueil</a></li>
                <?php /* Navigation */
                	wp_list_pages('title_li=&depth=0&sort_column=menu_order&child_of=0'); 
                ?>			
                </ul>
            
            </div>
        </div>
        <!-- Main nav Ends -->
	<div id="outerwrapper">
    	<div id="innerwrapper">

Et mon code HTML index.php:

<?php get_header(); ?>
<div id="slider">
  <ul>				
	<li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
	<li><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
	<li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
	<li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
	<li><a href="http://templatica.com/preview/27"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>			
  </ul>
</div>
<!-- Contents Starts here -->

<!-- main column Starts here -->
<div id="maincol">

	<?php if (have_posts()) : ?>
		<?php while (have_posts()) : the_post(); ?>

			<?php if (function_exists('wp_list_comments')): ?>
				<div <?php post_class(postwrap); ?>>

			<?php else : ?>
    			<div class="postwrap">
   			<?php endif; ?>

                    
                    <div class="postmeta2">
                        <div class="meta2inner">
                            <div class="pday"><?php the_time('j'); ?></div>
                            <div class="pmonth"><?php the_time('M/y'); ?></div>
                        </div>
                    </div>
                                        
                    <h2 class="posttitle"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
                    <div class="postmeta">par <?php the_author_posts_link(); ?> dans <?php the_category(', '); ?></div>
                    
                    <div class="clr16"></div>
                    <div class="postcontent"><?php the_content('(continue reading...)'); ?></div>
                    <div class="clr"></div>

                        <div class="roubcornrcontent">
                            <span class="posttags"><?php $tag = get_the_tags(); if (! $tag) {echo "Pas tags";} else {the_tags('', ', ', '');} ?></span>
                            <span class="postcomments"><?php comments_popup_link('Commentaires', '1 Comment', '% Comments'); ?></span>
                            <span class="postmore"><a href="<?php the_permalink() ?>">Suite...</a></span>
                            <div class="clr"></div>
                        </div>
                    <div class="clr"></div>
				</div> 
                <!-- Closes topPost -->
                <br/>

		<?php endwhile; ?>
	<?php else : ?>

        <div class="postwrap">
          <h2 class="posttitle"><a href="<?php the_permalink() ?>">Not Found</a></h2>
          <div class="postcontent"><p>Sorry, but you are looking for something that isn't here. You can search again by using <a href="#searchform">this form</a>...</p></div>
        </div> 
        <!-- Closes topPost -->

	<?php endif; ?>

    <div id="nextprevious">
        	<div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
        	<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
        <div class="clr"></div>
    </div>
    <div class="clr"></div>
</div>

<!-- right column Starts here -->
<div id="rightcol">
	<?php get_sidebar(); ?>
</div>
<div class="clr"></div>

<?php get_footer(); ?>

Merci d’avance pour votre aide!

R3v0LT · Août 24, 2010, 5:52

Je sais pas si tu te rend compte, mais tu dois avoir 600 à 700 lignes de codes… Réduis un peu non ? :sweet:
Sinon, dans les plugins de Wordpress (et faits pour wordpress) tu as forcément une visionneuse comme celle de ton script. Désolé

stefde3 · Novembre 4, 2011, 1:21

Bonjour j’ai le même soucis. j’ai installé easyslider1.7 sur mon site perso et il fonctionne très bien sur moz IE7 et 8, opéra et sur chrome.

Mon soucis est qu’en reprenant les mêmes scripts sur un autre site pour un ami, il ne fonctionne pas sous chrome.

Quelqu’un a entendu parler de ce soucis auparavant ou pas ?