Bonjour,
j'aimerai utiliser CMS avec Jquery ( sans Php et MySQL), par contre je n'arrive pas à intégrer des images dans mes pages ????
Bien-sûr j'ai intégrer la bibliothèque Jquery à mon répertoire
-----
Voici ma page CSS :
body {
background-color: #7E644B;
}
#all {
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: #666 5px 5px 20px;
-moz-box-shadow: #666 5px 5px 20px;
box-shadow: #666 5px 5px 20px;
background: #D19961;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D19961), to(#725C46));
background: -webkit-linear-gradient(#D19961, #725C46);
background: -moz-linear-gradient(#D19961, #725C46);
background: -ms-linear-gradient(#D19961, #725C46);
background: -o-linear-gradient(#D19961, #725C46);
background: linear-gradient(#D19961, #725C46);
-pie-background: linear-gradient(#D19961, #725C46);
behavior: url(/PIE.htc);
}
#heading {
background-image: url(../photos/entete.jpg);
background-repeat: no-repeat;
background-position: center center;
width: 100%;
}
#menu {
font-size: large;
font-family: georgia, times, arial narrow;
font-style: italic;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
#menu li {
display: inline ;
margin-right: 1px ;
color: #fff ;
background: #c00 ;
}
#menu li a {
display: block ;
background: #900 url(../photos/menu.png) left top no-repeat ;
color: #fff ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
padding: 4px 0 ;
text-align: center ;
}
#menu li a:hover, #menu li a:focus, #menu li a:active {
background: #033 url(../photos/menu.png) right top no-repeat ;
}
.content {
font-size: large;
font-family: georgia, times, arial narrow;
width: 100%;
}
.content a:link {
color: blue;
text-decoration:none;
}
.content a:visited {
color: purple;
text-decoration:none;
}
.content a:active {
background-color: yellow;
text-decoration:none;
}
.content a:hover {
color:red;
text-decoration:none;
}
#tab {
margin: 5px 5px;
border: 0px;
width: 50%;
height: 160px;
text-align: center;
}
#footer {
color: #FFFFFF;
background-color: #7E644B;
border: 1px solid #A11204;
float: left;
clear: both;
width: 100%;
text-align: center;
}
----
ma page principale :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/xml; charset=iso8859-1" />
<title>Nouveaux Objets</title>
<link rel = "stylesheet"
type = "text/css"
href = "cmsstd.css" />
<script type = "text/javascript"
src = "jquery-1.3.2.min.js"></script>
<script type = "text/javascript">
//<![CDATA[
$(init);
function init(){
$("#menu").load("menu.html");
$("#content1").load("story1a1.html");
$("#footer").load("footer.html");
};
//]]>
</script>
</head>
<body>
<div id = "all">
<div id = "heading">
</div>
<div id = "menu">
</div>
<div class = "content"
id = "content1 tab"
</div>
<div id = "footer">
</div>
</div>
</body>
</html>
---
ma page "story1"
<table>
<tbody>
<tr>
<td>
<a href="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<img style="width: 200px; height: 169px;" src="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<br>
<br>
Benitier</a></td>
<td>
<a href="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<img style="width: 200px; height: 169px;" src="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<br>
<br>
Benitier</a></td>
<td>
<a href="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<img style="width: 200px; height: 169px;" src="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<br>
<br>
Benitier</a></td>
</tr>
<tr>
<td>
<a href="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<img style="width: 200px; height: 169px;" src="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<br>
<br>
Benitier</a></td>
<td>
<a href="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<img style="width: 200px; height: 169px;" src="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<br>
<br>
Benitier</a></td>
<td>
<a href="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<img style="width: 200px; height: 169px;" src="https://lh4.googleusercontent.com/-GfdTxARbYDo/TuZQh42WqqI/AAAAAAAASqM/BMFY5Jcjq6k/s720/IMG_7547.JPG">
<br>
<br>
Benitier</a></td>
</tr>
</tbody>
</table>
<p align="left">
Haut de page
</p>
----
Merci pour vos réponses.
Afficher la suite
