XHTML/CSS je deviens fou
manguecarotte
Messages postés
54
Statut
Membre
-
manguecarotte Messages postés 54 Statut Membre -
manguecarotte Messages postés 54 Statut Membre -
Bonjour,
j'ai un probleme dont je ne trouve pas la solution. Peut etre que de nouveaux yeux m'aideront?
J'aimerais faire remonter la div "ensemble_experiences" sur la gauche de la div "ensemble_formations".
Pour cela, je mets un "Float: left" sur "ensemble formations" (les deux div ont une taille): IE fonctionne tres bien, Firefox ne comprends plus rien. Il mets l'un au dessous de l'autre.
Je mets le code, si vous trouvez l'erreur, je serais ravi de la connaitre:
HTML:
<div id="ensembleformations">
<div id="titre_formations">Formations</div>
<div id="texte_formations">
<ul>
<li><strong><span class="date">2008 :</span> Validation Acquis Expérience : Développeur d’Applications Multimédia</strong> <br />
à Doranco Espace Multimédia - Paris<br /><br /></li>
<li><strong><span class="date">2003 :</span> Bac Professionnel Communication Graphique - Mention bien </strong><br />
au lyçée professionnel Paul Hermann - Ile de la Réunion<br /><br /></li>
<li><strong><span class="date">2001 :</span> Certificat Aptitude Professionnel Communication Graphique</strong><br />
au lyçée professionnel Paul Hermann - Ile de la Réunion<br /><br /></li>
<li><strong><span class="date">1999 :</span> Brevet des collèges</strong><br />
au collège Adrien Cadet - Ile de la Réunion<br /><br /></li>
</ul>
</div>
</div>
<div id="ensembleexperiences">
<div id="experiencestitre">Expériences professionnelles</div>
<div id="texte_experiences"><ul>
<li><strong><span class="date">2009 :</span> Formateur Adobe CS4 </strong> <br />
à Doranco Espace Multimédia - Paris<br /><br /></li>
<li><strong><span class="date">2007 :</span> Infographiste / Webdesigner </strong><br />
à Houra - Paris<br /><br /></li>
<li><strong><span class="date">2006 :</span> Infographiste / Webdesigner</strong><br />
à C Sublime - Paris<br /><br /></li>
<li><strong><span class="date">2005 :</span> Infographiste</strong><br />
à Agir Média - Toulouse<br /><br /></li>
<li><strong><span class="date">2004 :</span> Infographiste</strong><br />
à Sud Alliance Marketing - Toulouse<br /><br /></li>
</ul>
</div></div>
et le CSS:
#ensembleformations{
width: 400px;
height: 230px;
float: left;
}
#titre_formations {
color : #c31515;
font-size : 27px;
margin-left : 5%;
}
#texte_formations{
font-size: 12px;
color: #898989;
}
#ensembleexperiences{
width: 400px;
height: 230px;
}
#experiencestitre {
color : #c31515;
font-size : 27px;
margin-left : 5%;
}
#texte_experiences{
font-size: 12px;
color: #898989;
}
ul{
list-style: circle;
}
.date{
color: #000;
}
j'ai un probleme dont je ne trouve pas la solution. Peut etre que de nouveaux yeux m'aideront?
J'aimerais faire remonter la div "ensemble_experiences" sur la gauche de la div "ensemble_formations".
Pour cela, je mets un "Float: left" sur "ensemble formations" (les deux div ont une taille): IE fonctionne tres bien, Firefox ne comprends plus rien. Il mets l'un au dessous de l'autre.
Je mets le code, si vous trouvez l'erreur, je serais ravi de la connaitre:
HTML:
<div id="ensembleformations">
<div id="titre_formations">Formations</div>
<div id="texte_formations">
<ul>
<li><strong><span class="date">2008 :</span> Validation Acquis Expérience : Développeur d’Applications Multimédia</strong> <br />
à Doranco Espace Multimédia - Paris<br /><br /></li>
<li><strong><span class="date">2003 :</span> Bac Professionnel Communication Graphique - Mention bien </strong><br />
au lyçée professionnel Paul Hermann - Ile de la Réunion<br /><br /></li>
<li><strong><span class="date">2001 :</span> Certificat Aptitude Professionnel Communication Graphique</strong><br />
au lyçée professionnel Paul Hermann - Ile de la Réunion<br /><br /></li>
<li><strong><span class="date">1999 :</span> Brevet des collèges</strong><br />
au collège Adrien Cadet - Ile de la Réunion<br /><br /></li>
</ul>
</div>
</div>
<div id="ensembleexperiences">
<div id="experiencestitre">Expériences professionnelles</div>
<div id="texte_experiences"><ul>
<li><strong><span class="date">2009 :</span> Formateur Adobe CS4 </strong> <br />
à Doranco Espace Multimédia - Paris<br /><br /></li>
<li><strong><span class="date">2007 :</span> Infographiste / Webdesigner </strong><br />
à Houra - Paris<br /><br /></li>
<li><strong><span class="date">2006 :</span> Infographiste / Webdesigner</strong><br />
à C Sublime - Paris<br /><br /></li>
<li><strong><span class="date">2005 :</span> Infographiste</strong><br />
à Agir Média - Toulouse<br /><br /></li>
<li><strong><span class="date">2004 :</span> Infographiste</strong><br />
à Sud Alliance Marketing - Toulouse<br /><br /></li>
</ul>
</div></div>
et le CSS:
#ensembleformations{
width: 400px;
height: 230px;
float: left;
}
#titre_formations {
color : #c31515;
font-size : 27px;
margin-left : 5%;
}
#texte_formations{
font-size: 12px;
color: #898989;
}
#ensembleexperiences{
width: 400px;
height: 230px;
}
#experiencestitre {
color : #c31515;
font-size : 27px;
margin-left : 5%;
}
#texte_experiences{
font-size: 12px;
color: #898989;
}
ul{
list-style: circle;
}
.date{
color: #000;
}
A voir également:
- XHTML/CSS je deviens fou
- Je suis un pays mais si on m'arrache la première lettre je deviens le prénom d'une personne - Forum Loisirs / Divertissements
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
- CSS/Comment enlever couleur liens ? ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
3 réponses
Et pendant que j'y suis,
Ce ne serait pas mieux un vrai <h1> ou <h2> ?
<div id="titre_formations">Formations</div>
Ce ne serait pas mieux un vrai <h1> ou <h2> ?
Voici le doctype:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nicola Florence Graphiste</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
Pour le H1, il doit y avoir du texte avant ces rubriques la. Il y en aura.
Le doctype peut me poser probleme ?
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nicola Florence Graphiste</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
Pour le H1, il doit y avoir du texte avant ces rubriques la. Il y en aura.
Le doctype peut me poser probleme ?