28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Je suis dans l'application pratique du livre de Raphaël Goetter (3ème édition)
pour concevoir votre application pratique.
J'ai séparé un fichier XHTML (avec la balise link) et un fichier CSS.
Jai des problèmes de liaison images.
Je n'arrive pas à récupérer le bandeau de l'image de fond 16-1 page 215, ni l'image p179, figure 12-12.
Sur votre site peut être avez-vous en liaison des modèles concrets ?
Smiley biggrin
je suis stoppé,
Pouvez-vous me conseiller.
Merci d'avance Smiley rolleyes
Salut,

Donne nous l'arboresence de tes fichiers.
Dans quel dossier est ton css et dans quel dossier sont tes images ...
ci-joint le codage
<link rel="stylesheet" media="screen" type="text/css" title="page7" href="styles/page7.css" />
  </head>
   <body>
   
 <ul> 
  
<li><a href="...">Retour à l'accueil</a></li>
<li><a href="...">Présentation de la région</a></li>
<li><a href="...">Historique de l'alsace</a></li>
<li><a href="...">Gastronomie locale</a></li>
<li><a href="...">Hôtels et gîtes</a></li>
<li><a href="...">Photographies</a></li>
 </ul> 
  <h1><a href="photos.htm" title="photos d'alsace">Bienvenue en Alsace</a></h1>
 <h2>Une belle région française</h2>
  <p>[Paragraphe associé au sous-titre de niveau 2.]<p>
<a href="photos.htm" title="lien vers des photos d'alsace">
<img src="palmiers.png" alt="photographie" /></a>
  <h2>Un patrimoine considérable</h2>
<p>[Paragraphe associé a cet autre sous-titre de niveau 2.]</p>

<p>Pied de page et <a href="?">Mention légales</a></p>
</body>

]ET EN CSS

h1
{
color: blue;
text-align: center;
}
a
{
font-weight: bold;
}
p
 {
  margin-top: 0;
  margin-bottom: 0;
 }
 p
  {
  margin: 0;
 }
 
a
{
color: green;
}
body
{
font-family: 'Trebuchet MS', times, verdana;
}

h1
{
background: url(images/palmiers.jpg) left top;
}
h2
{
border-bottom: 2px solid blue;
padding-bottom: 5px;
}
ul
{
margin: 0;
padding: 0px;
font: bold 0.8em Georgia, Times, serif;
list-style-type: none;
}
li
{
float: left;
}
li a
{
display: block;
width: 110px;
height: 30px;
border: 1px solid black;
color: green;
background: #fc0;
margin: 0;
text-decoration: none;
text-align: center;
}
li a: hover, li a: focus
{
color: orange;
background: green;
}
h1
{
clear: both;

}


J'espère quemon codage est compréhensible ? Smiley rolleyes
Modifié par Laurie-Anne (19 Aug 2009 - 13:25)
Bonjour,

Est-ce que le fichier palmiers.jpg se trouve bien dans le dossier styles/images/ ?

Car je pense que c'est là que le navigateur le cherche.

Si le fichier se trouve dans le dossier images/ tu dois modifier l'url dans le fichier CSS :
h1{
background: url(../images/palmiers.jpg) left top;
}

Je ne suis pas sûre que tu parle de cette image. En effet, j'espère que tu comprendre que nous n'ayons pas tous le livre sous la main (perso le mien est au chaud à la maisson et "accio" ne fonctionne visiblement pas ^^; ).
effectivement j'ai un dossier image, mais mon problème
est de trouver des modèles de bannière et d'images pour
l'application pratique du livre,
car effectivement pour progresser il faut beaucoup d'entrainement.
Smiley confused
Je cherche des modèles à incorpore dans mon dossier images
pouvez-vous me conseiller Smiley confus
Merci d'avance Smiley rolleyes