Bonjour,
voilà j'ai un petit problème depuis hier, je n'arrive pas à afficher mon fond d'écran. J'ai vérifié plusieurs fois le chemin de l'image, si la casse était respectée, si c'était un problème qui se posait juste avec cette image ou n'importe laquelle, et toujours rien ne s'affiche. La seule chose qui marche c'est quand je mets une couleur, sinon rien à faire avec une image rien ne s'affiche.
Quelqu'un pourrait-il m'éclairer ? Merci d'avance !
Voici mon code :
Et mon css :
voilà j'ai un petit problème depuis hier, je n'arrive pas à afficher mon fond d'écran. J'ai vérifié plusieurs fois le chemin de l'image, si la casse était respectée, si c'était un problème qui se posait juste avec cette image ou n'importe laquelle, et toujours rien ne s'affiche. La seule chose qui marche c'est quand je mets une couleur, sinon rien à faire avec une image rien ne s'affiche.
Quelqu'un pourrait-il m'éclairer ? Merci d'avance !
Voici mon code :
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="fr">
<!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8,chrome=1" charset="utf-8">
<title>Titre de ma page</title>
<link rel="stylesheet" media="all" type="text/css" href="css/base.css">
<link rel="stylesheet" media="all" type="text/css" href="css/grid.css">
<link rel="stylesheet" media="all" type="text/css" href="css/menu.css">
<!--
<link rel="stylesheet" media="all" type="text/css" href="css/table.css">
<link rel="stylesheet" media="all" type="text/css" href="css/form.css">
<link rel="stylesheet" media="all" type="text/css" href="css/button.css">
<link rel="stylesheet" media="all" type="text/css" href="css/icon.css">
-->
<link rel="stylesheet" media="all" type="text/css" href="css/helper.css">
<link rel="stylesheet" media="all" type="text/css" href="css/print.css">
<script src="js/libs/modernizr-2.5.3.min.js"></script>
</head>
<body>
<header>
<img src="images/banniere.png" width="100%" height="50%" alt="bannière du site" hspace="1">
</header>
<div class="row">
<nav class="span2">
<ul>
<li><a href="#" class="button">Accueil</a></li>
<li><a href="#">Atlas des carrières</a></li>
<li><a href="#">Archéologie des carrières</a></li>
<li><a href="#">Graffittis</a></li>
<li><a href="#">Cartes postales</a></li>
<li><a href="#">Archéométrie</a></li>
<li><a href="#">Marques de tâcherons</a></li>
<li><a href="#">Bibliographie</a></li>
<li><a href="#">Signes de pierre</a></li>
</ul>
</nav>
<div id="texte" role="main" class="span8">
<p>
Le bassin de la Charente est riche de beaux calcaires propres à la construction et à la sculpture.
Les carrières à ciel ouvert ou souterraines en exploitent les bancs depuis l'Antiquité.
Aujourd'hui fermées et souvent menacées, elles constituent un patrimoine remarquable méconnu
qui sollicite l'archéologie, l'histoire, l'ethnologie et la géologie pour le mettre en valeur.
Des hommes au savoir technique empirique qui savaient écouter la pierre y ont laissé
les traces de leur labeur.
</p>
<br>
<p>
Mis en oeuvre par un groupe de chercheurs passionnés issus de tous les horizons, archéologues, géologues,
historiens de l'art, praticiens de la pierre, <strong> pierre-et-carrieres.fr </strong> inventorie les carrières
du Val de Charente, étudie la pierre, son identité, sa provenance, son commerce et ses usages et traque les moindres signes qui la dévoilent.
La base de données est librement consultable et ouverte à ceux qui, connaissant des sites non encore répertoriés, souhaiteraient la compléter.
</p>
</div>
<aside class="span2">
<h2>Autre titre</h2>
<p>
Phasellus non tempus ante. Nunc luctus accumsan est sit amet bibendum. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris
ornare adipiscing porta. Curabitur sit amet felis lacus. Nulla eros metus, vestibulum
nec mollis ac, rutrum et tortor. Fusce non metus metus, nec blandit felis. Donec
sagittis lacinia leo sit amet pharetra. Nullam eget purus vitae turpis aliquam commodo
vitae et neque. Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. In ac lectus sit amet magna egestas fringilla vitae at
diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. Fusce vehicula leo quis enim laoreet in accumsan leo porttitor.
</p>
</aside>
</div>
<footer>
<h1>Coordination : <cite><a href="#">Jacques GAILLARD</a></cite></h1>
<h2>Les partenaires de <strong>pierre-et-carrieres.fr</strong></h2>
<h3>Service régional Poitou-Charentes de l'archéologie / Le Conseil Général de la Charente-Maritime /
Laboratoire des Sciences de l'Ingénieur pour l'Environnement / LIttoral ENvironnement et Sociétés - UMR 6250</h3> <br>
<p>Copyright © VMI</p>
</footer>
</body>
</html>
<!-- Exemple de Template HTML5 + CSS3 fourni par kiwano.fr -->
Et mon css :
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
{
display: block;
}
audio, canvas, video
{
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls])
{
display: none;
}
[hidden]
{
display: none;
}
html
{
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-y: scroll;
background: url(images/fondpierre.gif) no-repeat;
}
html, button, input, select, textarea
{
font-family: "Segoe UI","Helvetica",Garuda,Arial,sans-serif;
color: #323232;
}
body
{
margin: 0;
font-size: 13px;
line-height: 1.4;
background:url(images/fondpierre.gif) no-repeat;
}
::-moz-selection
{
color: #fff;
text-shadow: none;
}
::selection
{
color: #fff;
text-shadow: none;
}
a
{
color: #4a91ac;
}
a:visited
{
color: #4a91ac;
}
a:hover
{
color: #3399ff;
}
a:focus
{
outline: thin dotted;
}
a:hover, a:active
{
outline: 0;
}
abbr[title]
{
border-bottom: 1px dotted;
}
b, strong
{
font-weight: bold;
}
blockquote
{
margin: 1em 40px;
}
dfn
{
font-style: italic;
}
hr
{
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ins
{
background: #ff9;
color: #000;
text-decoration: none;
}
mark
{
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
pre, code, kbd, samp
{
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre
{
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q
{
quotes: none;
}
q:before, q:after
{
content: "";
content: none;
}
small
{
font-size: 85%;
}
sub, sup
{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup
{
top: -0.5em;
}
sub
{
bottom: -0.25em;
}
ul, ol
{
margin: 1em 0;
padding: 0 0 0 40px;
}
dd
{
margin: 0 0 0 40px;
}
nav ul, nav ol
{
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
img
{
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root)
{
overflow: hidden;
}
figure
{
margin: 0;
}
form
{
margin: 0;
}
fieldset
{
border: 0;
margin: 0;
padding: 0;
}
label
{
cursor: pointer;
display: inline-block;
width: 80px;
}
legend
{
border: 0;
*margin-left: -7px;
padding: 0;
white-space: normal;
}
button, input, select, textarea
{
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
input, select, textarea
{
width: 210px;
padding: 2px;
}
button, input
{
line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"]
{
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
button[disabled], input[disabled]
{
cursor: default;
}
input[type="checkbox"], input[type="radio"]
{
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"]
{
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button
{
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner
{
border: 0;
padding: 0;
}
textarea
{
overflow: auto;
vertical-align: top;
resize: vertical;
}
input:valid, textarea:valid
{
}
input:invalid, textarea:invalid
{
background-color: #f0dddd;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
td
{
vertical-align: top;
}
.chromeframe
{
margin: 0.2em 0;
background: #ccc;
color: black;
padding: 0.2em 0;
}
h1, h2, h3, h4, h5, h6
{
margin: 0 0 1em;
}
/*Mon code*/
#texte p {
font-family: "Calibri", sans serif;
font-size:140%;
color:#6A6B6B;
text-align:left;
text-indent:10%;
margin-top:auto;
margin-left:auto;
margin-right:auto;
display:block;
visibility:visible;
padding:auto;
}
#texte p strong {
font-style:italic;
font-size:145%;
color:#0066AB;
}
footer
{
text-align:center;
}
footer h1 {
font-style:bold;
text-align:center;
}
footer h1 cite {
font-style:normal;
color:#0A4180;
}
footer cite a {
text-decoration:none;
color:#0A4180;
}
footer h2 {
font-style:bold;
text-align:center;
}
footer h3 {
font-style:none;
text-align:center;
}
footer strong {
font-style:italic;
color:#0066AB;
}
