Passage du tableau au div...je crac...

(reprise du message précédent)

Ouhla détend toi, faut pas se mettre dans des états pareils.

Apparement il faut que je continue d'apprendre à faire passer certaines idées au travers d'un forum Internet, chacun sa croix à porter hein (c'est de l'humour - je vais tout préciser à partir de maintenant).

Tu sais quand je passe du temps sur ce forum je le fais simplement dans le but d'aider ceux qui en ont besoins et qui en font la demande (ce qui est ton cas). Le truc c'est que l'optique de ce forum est plus d'apporter un savoir de fond qui permettent de se dépatouiller de toutes les situations. En gros donner des bases solides.

Donc dans le cas présent je suis déçu de la façon dont ça s'est passé et je le dit. Même si je te l'accorde cette phrase est particulièrement mal tournée et mal venue (et je m'en excuse) :

a écrit :

Est-ce que cela va se passer comme ça pour tout le reste du site?

Pour ta question sur l'héritage des propriétés, je cherchait juste à mettre l'accent sur le fait que tu as des difficultés avec les sélecteurs CSS. Le but etait de t'aiguiller pour te faire avancé, apparement je m'y suis trés mal pris avec toi et maintenant que tu as une réponse toute faite qui corrige ton problème actuel tu n'y passera plus le temps necessaire pour réellement comprendre le fond (en tout cas pas aujourd'hui), donc là encore le but du forum est raté.

Voilà, je tacherai de faire mieux la prochaine fois, jespère juste qu'on sera 2 dans ce cas.

Tu pourrait contourner le problème en précisant plus ta séléction et eventuellement en écrasant les propriétés parentes :

Par exemple :

<style>
#test p {
 font-weight: bold;
 background: #f00;
}

#test div p {
 font-weight: normal;
 background: #ff0;
}
</style>

<div id="test">
 <p>un essai pour vous montrer</p>
 <div>
  <p>Et voila!</p>
 </div>
</div>

en tout cas cela fonctionne sur tous les navigateurs.
Modifié par jb_gfx (24 Mar 2005 - 15:37)

a écrit :
PS: @ gilles6975 : Il y a une petite erreur dans ton code, la balise dl ne peut contenir directement que des dt et dd. Hors là il y a un h1 juste sous le dl. En résumé toute déclaration de liste ne peut contenir directement que des éléments de liste.

Oui une petite erreur qui m'a echapé pas trop eu le temps de relire le code tapé .
En fait il y a plein de manière de faire cette presentation. J'ai hésité un moment à mettre une liste <ul> pour les trois cases en bas mais ca ne me parraissait pas justfié. Sinon rien empeche de mettre le H1 à l'exterieur de la liste <dl> ou même de créer une id nom du produit (plus pertinent il me semble).

Sinon Fab27 est ce que tu t'en sors dans la compréhension. Met un exemple en ligne on pourra t'aider pour continuer le développement et favoriser ainsi la compréhension de la syntaxe CSS (mais si sur ce point j'ai encore beaucoup à apprendre )

Bon j'ai fini ce module grace a vous.

il m'a permis de comprendre certaine chose.

Maintenant je m'attaque a la parti fiche produit, également l'une des plus difficile.

Il me faut absolument quelque chose qui soit compatible avec tout les navigateurs actuel.

J'ai commencé quelques chose qui a l'aire pas mal, mais j'aimerais des avis.

Voici le code de la page

<style>
*{
margin: 0;
padding: 0;
}
#cadreprod{
width: 580px;
background-color:#CCCCFF;
}

#detailproduit{
position: relative;
border: 2px solid #000000;
width: 360px;
height: 80px;
margin: 10px 0px 0px 125px;
}

#detailproduit ul{
width: 360px;
padding: 0;
margin: 0;
}

#detailproduit li{
width: 180px;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
}

.clearboth{clear:both;}

#produit{
width: 520px;
}

#produit img{
float: left;
margin: 0px 0px 0px 10px;
}
#produit h2{
text-align: center;
background-color: #FFFF99;
font-weight: bold;
margin: 0px 0px 20px 0px;
color: #990000;
}

#prodinfo h3{
text-align: center;
font-weight: bold;
background-color: #FFFF99;
margin: 10px 0px 0px 0px;
border-bottom: 2px double #000000;
}

#prodcritique{
text-align: center;
margin: 10px 0px 10px 0px;
}

#diversprod{
text-align: center;
height: 20px;
}

#diversprod ul{
width: 100%;
text-align: center;
padding: 0;
margin: 0;
}

#diversprod li{
width: 33%;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
}

#prodinfo p{
margin: 10px 0px 10px 0px;
background-color: #FFCCCC;
}

#piedprod{
width: 100%;
text-align: center;
border-top: 2px double #000000;
background-color: #FFFF99;
}
</style>

<div id="produit">
<h2>Nom produit</h2>
<img height="100" width="100">

	<div id="detailproduit">
	<ul><li>Prix produit</li><li>prix</li></ul>
	<ul><li>Disponibilité</li><li>dispo</li></ul>
	<ul><li>Fabricant</li><li>nom fabricant</li></ul>
	<ul><li>quantité</li><li>qté</li></ul>
	</div>
	
	<div id="prodcritique">
		critique
	</div>
	
	<div id="diversprod"><ul><li>Amis + Fiche</li><li>Image</li><li>Bouton</li></ul></div>
	
	<div id="prodinfo">
	<h3>Description</h3>
	<p>Texte</p>
		<div id="piedprod">Notification</div>
	</div>
	
</div>

Merci d'avance

++
Fab