Dreamweaver 8+langage HTML(création de site)
lise
-
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un problème, je suis en train de faire la deuxième page de mon site, et j'aimerais mettre du texte à droite
de mon image, mais je ne sais pas si les codes sont bons quelqu'un pourrait-il m'aider. En plus de ce problème
j'ai l'impression qu'il y'a des erreurs dans mes codes en général, voici ce que j'ai fait jusqu'à présent:
merci d'avance,
<p><a href="../index.html">retour</a></p>
<h1>La Forêt Noire</h1>
<h2>Introduction</h2>
<p>La Schwarzwald (en allemand) est un massif montagneux du sud-ouest de l'Allemagne, dans le land du Bade-Wurtemberg. Il est séparé par le fossé rhénan du massif des Vosges dont il reprend la forme triangulaire et le type de relief. <br />
<br /> <br />
<img src="../images/250px-BlackForest-Position.svg[1].png" align="left" texte à droite width="250" height="331" longdesc="http://250px-BlackForest-Position.svg[1].png" /></p>
<br />
<br />
J'ai un problème, je suis en train de faire la deuxième page de mon site, et j'aimerais mettre du texte à droite
de mon image, mais je ne sais pas si les codes sont bons quelqu'un pourrait-il m'aider. En plus de ce problème
j'ai l'impression qu'il y'a des erreurs dans mes codes en général, voici ce que j'ai fait jusqu'à présent:
merci d'avance,
<p><a href="../index.html">retour</a></p>
<h1>La Forêt Noire</h1>
<h2>Introduction</h2>
<p>La Schwarzwald (en allemand) est un massif montagneux du sud-ouest de l'Allemagne, dans le land du Bade-Wurtemberg. Il est séparé par le fossé rhénan du massif des Vosges dont il reprend la forme triangulaire et le type de relief. <br />
<br /> <br />
<img src="../images/250px-BlackForest-Position.svg[1].png" align="left" texte à droite width="250" height="331" longdesc="http://250px-BlackForest-Position.svg[1].png" /></p>
<br />
<br />
A voir également:
- Dreamweaver 8+langage HTML(création de site)
- Clé windows 8 - Guide
- Site de telechargement - Accueil - Outils
- Création site web - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
2 réponses
Le principe à appliquer est de rendre l'image flottante grâce à la propriété float.
Mettez votre texte et votre image dans deux paragraphes différents (l'image en premier car on va la faire flotter à gauche et donc laisser de l'espace pour que le texte remonte à son niveau) et attribuez une marge gauche au texte (pour qu'il ne recouvre pas l'image qui, étant flottante sort du "flux" et n'occupe plus d'espace)
Petite précision : le longdesc est fait pour décrire l'image de façon détaillée. Cela doit doit être un lien vers un texte décrivant cette image. Là, je suppose que c'est une image de décoration, un alt vide suffit.
Mettez votre texte et votre image dans deux paragraphes différents (l'image en premier car on va la faire flotter à gauche et donc laisser de l'espace pour que le texte remonte à son niveau) et attribuez une marge gauche au texte (pour qu'il ne recouvre pas l'image qui, étant flottante sort du "flux" et n'occupe plus d'espace)
<p style="float:left"><img src="../images/250px-BlackForest-Position.svg[1].png" width="250" height="331" alt="" /></p> <p style="margin-left:260px">La Schwarzwald (en allemand) est un massif montagneux du sud-ouest de l'Allemagne, dans le land du Bade-Wurtemberg. Il est séparé par le fossé rhénan du massif des Vosges dont il reprend la forme triangulaire et le type de relief. </p>
Petite précision : le longdesc est fait pour décrire l'image de façon détaillée. Cela doit doit être un lien vers un texte décrivant cette image. Là, je suppose que c'est une image de décoration, un alt vide suffit.
lise
Merci d'avoir répondu, le problème c'est que c'est mon premier site et donc je dois me limiter à ce que j'ai vu en cours, je ne peux donc pas utiliser la propriété float.