28172 sujets

CSS et mise en forme, CSS3

Bonjour

je n'arrive pas à afficher une photo en face de chaque texte-paragraphe, cela marche pour la première avec un float right mais pour les autres textes (verticaux) les photos viennent se superposer sur le texte (le texte en dans une div et les photos dans une autre div, je me suis inspiré du gabarit 11 d'alsacreation
je cherche une aide (les texte ne sont pas en dynamique (c'est une page statique)
merci d'avance
Pourrais-tu, s'il te plaît, fournir le code html (et css) que tu as utilisé(s), ou, mieux, un lien vers une page web de test ?

On a peu de mediums sur le forum Smiley langue
Merci voici le code source, il manque encore quelques trucs (titres etc...) mais pour le problème que j'expose, c'est donc les photos qui doivent apparaitre en face de chaque rituel . et je n'y arrive pas

Smiley decu
GATO1950 a écrit :
Merci voici le code source, il manque encore quelques trucs (titres etc...) mais pour le problème que j'expose, c'est donc les photos qui doivent apparaitre en face de chaque rituel . et je n'y arrive pas

Smiley decu


Désolée, je ne vois pas de code source ici. Un lien ?
Excuses-moi, mais je pense avoir trouver, du moins ça fonctionne
je te mets malgré tout le code car il y a surement à améliorer
merci Smiley eek


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>
Massages à Domicile Aix en Provence, épilation, soins du visage et du corps
</title>
<!-- La feuille de styles "base.css" doit être appelée en premier. -->
<link rel="stylesheet" type="text/css" href="base.css" media="all"/>
<link rel="stylesheet" type="text/css" href="massage.css" media="screen"/>
<meta name="description" lang="fr" content="Anna Ziegelbaum vous propose des Gommages et massages ,
des soins du corps et du visage à domicile, exclusivement féminin et sans carctère sexuel"/>
<meta name="google-site-verification" content="lTPG5dtUfK5gsrfJ-u5SJZ8CJfjAlCFCKOg85m7kfeA"/>
</head>

<body>

<div id="global">

<div id="entete">

<img alt="" src="images/bandeau-titre.gif"/>
</div><!-- #entete -->

<div id="centre">
<div id="centre-bis">

<div id="navigation">
<ul>
<li><a href= "http://www.massages-bienetre-aixenprovence.com/index.htm">Accueil</a></li>
<li><a href= "http://www.massages-bienetre-aixenprovence.com/massages.htm">Soins</a></li>
<li><a href= "http://www.massages-bienetre-aixenprovence.com/massages.htm">Massages</a></li>
<li><a href= "">Entreprise</a></li>
<li><a href= "">Produits</a></li>
<li><a href= "">Zones de déplacement</a></li>
<li><a href= "">Bons cadeau</a></li>
<li><a href= "">Carte de fidélité</a></li>
<li><a href= "">Nous contacter</a></li>
</ul>
</div><!-- #navigation -->

<div id="principal">
<h2><font size="6">Rituels</font> </h2>
<h3>Dur&eacute;e 1h30: 95&euro;<br />
Dur&eacute;e 2h : 120&euro;</h3>
<img class="image"src="images/miniatureberbere.jpg" width="100" height="100" alt="la sérénité des espaces" />
<p align="left"><font color="#FFFFFF" size="3">Rituel Berbère :</font><br />
-Gommage berbère aux céréales 30’<br />
-Beurre de karité à l’huile d’argan parfum d’orient (enveloppement)
30’<br />
-Huile argan traditionnelle (massage) 30’ ou 60’<br />
</p>


<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img class="image" src="images/miniatureepice.jpg" width="100" height="100" alt="l'envoutement des épices" />
</p>
<p ><font color="#FFFFFF" size="3">Rituel sur la route des
&eacute;pices :</font><br />
-Gommage corporel cristaux de roses et coque d&#8217;argan (gommage)
30&#8217;<br />
-Beurre de karit&eacute; ambre (enveloppement) 30&#8217;<br />
-Huile corporel musc (massage Herbal Siam) 30&#8217; ou 60&#8217; +
pochons d&#8217;herbe chauds<br />
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img class="image" src="images/miniaturejapon.jpg" width="100" height="100" alt="le calme du pays su soleil levant" />
</p>
<p align="left"><font color="#FFFFFF" size="3">Rituel Japonais :</font><br />
-Gommage aux fruits (gommage) 30&#8217;<br />
-Beurre de karit&eacute; fruits (enveloppement) 30&#8217;<br />
-Huile corporelle ylang ylang ou jasmin (massage) 30&#8217; ou 60&#8217;<br />
</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img class="image" src="images/miniatureinde.jpg" width="100" height="100" alt="le nirvana" />
</p>
<p align="left"><font color="#FFFFFF" size="3">Rituel Indien :</font><br />
-Gommage figues et dattes (gommage) 30&#8217;<br />
-beurre de karit&eacute; figues et dattes<br />
-Huile corporelle figues et dattes (massage) 30&#8217; ou 60&#8217;<br />
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img class="image" src="images/miniaturetahiti.jpg" width="100" height="100" alt="la douceur des tropiques" />
</p>
<p align="left"><font color="#FFFFFF" size="3">Rituel Tahitien :</font><br />
-Gommage fruits (gommage) 30&#8217;<br />
-Enveloppement figue et dattes<br />
-Huile de massage vanille (massage) 30' ou 60'<br />
</p>
<p>&nbsp;</p>

</div><!-- #principal -->

</div><!-- #centre-bis -->
</div><!-- #centre -->
<p></p><p align="center">
<span id="contact">
Horaire du Lundi au Vendredi de 9h à 19h et le Samedi de 9h à 12h</span></p>
<p></p><span id="contact">
Tous mes massages sont relaxants et n'ont aucun but thérapeutique.
L'ensemble des prestations est EXCLUSIVEMENT réservé à la gente féminine et
n'a aucun caractère sexuel.</span></p>
<p align="center"><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01 Transitional" width="60" height="25" /></a>
<span id="contact">Pour me contacter : <a href="mailto:annaziegelbaum@gmail.com?subject=demande de renseignements">annaziegelbaum@gmail.com</a></span>
<a href="http://dmoz.org/" ><img src="http://dmoz.org/user-banners/banner9.gif"
alt="Open Directory Project at dmoz.org" width="60" height="25" /></a>
<p id="copyright">
Conception : &copy;Patrick Gatinet 2011
<a href="http://www.massages-bienetre-aixenprovence.com/massages.htm">Mentions L&eacute;gales</a>

</div><!-- #global -->

</body>
</html> Smiley rolleyes Smiley rolleyes
Sans le css, ça va pas le faire... Tu ne peux pas envoyer cette page ainsi que tous les fichiers dont elle a besoin (base.css, massage.css) dans un dossier chez ton hébergeur et écrire ici le lien ? C'est beaucoup plus simple.


Mais je peux tout de suite te dire ce qui peut être amélioré : enlève les balises font, les attributs align - c'est le boulot du css, la mise en forme -, et si tu le peux, supprime tous les
<p>&nbsp;</p>
qui parsèment ta page.
Modifié par AkaiKen (16 Aug 2011 - 19:26)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif