Site HTML-CSS [Résolu/Fermé]

Signaler
-
Messages postés
28017
Date d'inscription
mercredi 28 novembre 2007
Statut
Modérateur, Contributeur sécurité
Dernière intervention
4 janvier 2021
-
<gras>Bonsoir,

je suis en train de réaliser mon premier site internet en (html/CSS). Seul problème, j'ai placé une image dans mon site et j'aimerais en mettre une autre justa à côté de celle-ci mais je ne sais comment faire, quelqu'un pourrait-il m'aider? une petite précision: voici ma partie de code(elle est soulignée ci dessous) avec l'image que j'ai inséré:

<h3>Optional Sidebar Info </h3>
<p>Any information can be placed in the sidebar to help your website visitors navigate your site.</p>
<p>To make a boxed heading like the one above, simply apply the H3 tag.</p>
<p class="sidebarlt">To make a box like this, assign the "sidebarlt" class.<br />
<br />
You can do anything with a sidebar box. Insert images, ads or other web content.<br />
<br />
<a href="#">Here's a text link.</a></p>
<p align="center" class="sidebardk">Localisation<img src="images/250px-BlackForest-Position.svg[1].png" width="168"/> </div>
</div>
<div id="content">
<p><img src="images/1_rippoldsau5203_gr_06.jpg" width="307" height="191"/></br> </br> </p>
<h1>La Forêt Noire dans le sud-ouest de l'Allemagne</h1>
<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.Son plus haut sommet est le Feldberg, qui culmine à 1493 mètres.</p>


MERCI D'AVANCE!

1 réponse

Messages postés
445
Date d'inscription
samedi 3 avril 2010
Statut
Membre
Dernière intervention
3 novembre 2011
56
<p>
<img src="images/1_rippoldsau5203_gr_06.jpg" width="307" height="191"/>
<img src="images/1_rippoldsau5203_gr_07.jpg" width="307" height="191"/>
</br>
</br>
</p>
Messages postés
28017
Date d'inscription
mercredi 28 novembre 2007
Statut
Modérateur, Contributeur sécurité
Dernière intervention
4 janvier 2021
7 769
Salut,
Cela fonctionne mais n'est pas valide !
</br> n'est pas valide !
Il s'agit de <br />

De plus, pour information, un attribut "alt" est obligatoire pour la validité et la propreté du site.
Messages postés
445
Date d'inscription
samedi 3 avril 2010
Statut
Membre
Dernière intervention
3 novembre 2011
56
Oups !!
Désolé, erreur d'inattention

(une image dans un paragraphe n'est d'ailleurs pas valide non plus...)
Messages postés
28017
Date d'inscription
mercredi 28 novembre 2007
Statut
Modérateur, Contributeur sécurité
Dernière intervention
4 janvier 2021
7 769
(une image dans un paragraphe n'est d'ailleurs pas valide non plus...)
Ah bon ?
Ce qui est sur c'est que ce doit être dans un bloc (div, ...)
Messages postés
445
Date d'inscription
samedi 3 avril 2010
Statut
Membre
Dernière intervention
3 novembre 2011
56
Au sens strict, un paragraphe ne doit contenir que des élément de type inline (span, liens, strong...). Par contre, une image est de type inline-block ; le mieux est de faire un div dans lequel on place des p et des img.
Messages postés
28017
Date d'inscription
mercredi 28 novembre 2007
Statut
Modérateur, Contributeur sécurité
Dernière intervention
4 janvier 2021
7 769
Merci pour ces précisions :-).