Bonjour,
Comme je l'ai dit dans le topic présentation je suis encore très ancré aux tableaux.
Donc je me suis essayé à oublier les tableaux mais j'ai un petit soucis.
Je souhaiterai pouvoir mettre un titre sur une image le pb c'est que celà ne veut pas fonctionner.
Voici un extrait du code css :
et un extrait du code xhtml :
Mon problème est que je souhaiterai pourvoir mettre
Merci de votre aide.
Modifié par ArtGraph (18 Mar 2006 - 09:06)
Comme je l'ai dit dans le topic présentation je suis encore très ancré aux tableaux.
Donc je me suis essayé à oublier les tableaux mais j'ai un petit soucis.
Je souhaiterai pouvoir mettre un titre sur une image le pb c'est que celà ne veut pas fonctionner.
Voici un extrait du code css :
body {
font-family:arial,sans-serif;
font-size: 14px;
background: #FFFFFF;
padding: 0;
margin: 0;
}
#conteneur {
position: absolute;
width: 780px;
left: 50%;
margin-left: -375px;
}
h1 {
font-size: 18px;
color: Maroon;
margin-bottom: 20px;
margin-top: 30px;
margin-left: 10px;
font-style: oblique;
cursor: move;
}
h2 {
font-size: 16px;
margin-left: 10px;
}
img {
border: none;
}
.highlight_main_words {
color: #DF7424;
font-weight: bold;
}
#top {
width: 780px;
}
#coordonnees {
width: 780px;
text-align: center;
padding-bottom: 5px;
padding-top: 10px;
margin-top: -30px;
background: color: #000000;
background-image: url(images/bgc.gif);
background-repeat: repeat-y;
}
#titrexp {
width: 780px;
}
#experience {
width: 780px;
text-align: left;
padding-bottom: 5px;
padding-top: 15px;
margin-top: -30px;
background: url(images/bgc.gif) repeat-y;
color: #000000;
/*-moz-border-radius: 15px; /* Will be implemented on CSS3 as border-radius */
}
et un extrait du code xhtml :
<body>
<!-- Debut des modifs -->
<div id="conteneur"> <!-- Pas de align="center" dans un div XHTML. Ceci doit etre fait dans le CSS -->
<div id="top"><img src="images/header.gif" alt="header"/></div> <!-- Pas de class="top" -->
<!-- Coordonnees -->
<div id="coordonnees"> <!-- Pas de class="coordonnees" -->
<h1>Jacques DUCHEMOL</h1>
1 rue Tabaga<br />
22022 Vla-les-queuf, France<br /><br />
Email : <a href="mailto: jaques.duchemol@free.fr">jaques.duchemol@free.fr</a><br />
Tel : 0123456789<br />
47 ans, 8 enfants
</div>
<div id="titrexp"><img src="images/titre.gif" alt="titre"/></div><!-- Pas de class="titrexp" -->
<!-- Fin des modifs -->
<!-- Experience -->
<div id="experience">
<h1>Expériences professionnelles</h1>
<h2>Entretien de voiries à la campagne</h2>
<ul>
<li>Travaux de <span class="highlight_main_words">remise en état de voiries</span></li>
<li>Travaux de <span class="highlight_main_words">peinture</span> pour tracés de routes</li>
<li>Travaux de <span class="highlight_main_words">nettoyage de paneau</span> pour qui soient tout propre</li>
</ul>
</div>
Mon problème est que je souhaiterai pourvoir mettre
<h1>Expériences professionnelles</h1>
sur l'image générée par <div id="titrexp"><img src="images/titre.gif" alt="titre"/></div>
or j'ai essayé de suivre plusieurs exemples et je n'y arrive pas, soit l'image ne s'affiche plus, soit le texte se retrouve en dessous.Merci de votre aide.
Modifié par ArtGraph (18 Mar 2006 - 09:06)