Mon code est il bon ?
Résolu
Bonjour,
Juste une question : Mon code est-il bon sachant que je désire que les deux images encadrent mon texte ?
HTML :
<body>
<p align="center">
<img src="http://nomdemonsite.free.fr/image/titre.bmp"
alt="titre"><img
src="http://nomdemonsite.free.fr/images/menu.jpg"
alt="Menu"></p>
<img class="floatleft"
src="http://nomdemonsite.free.fr/images/rallye.acc.bmp"
alt="Rallye"><img class="floatright"
src="http://nomdemonsite.free.fr/images/concert.acc.bmp"
alt="Concert">Bienvenue chez ... (mon texte) :<br>
Des ... (encore du texte)<br>
Du ... (texte;)<br>
Une... (encore du texte)<br>
Un ... (et du texte;)
<p> [...]
<body/>
Code CSS:
body{
background-color: #363636;
color: white;
font-size: large;
font-family: Century Gothic, Verdana, Trebuchet MS, Comic Sans MS, Georgia, serif;
text-align: center
}
.floatleft{
float: left;
padding: 2%;
margin-top: -170px;
margin-bottom: 10px;
margin-right: 0px;
width: 234px;
height: 156px;
}
.floatright{
float: right;
padding: 2%;
margin-top: -170px;
margin-left: 735px;
margin-bottom: 10px;
width: 228px;
height: 156px;
}
D'avance Merci beaucoup
Juste une question : Mon code est-il bon sachant que je désire que les deux images encadrent mon texte ?
HTML :
<body>
<p align="center">
<img src="http://nomdemonsite.free.fr/image/titre.bmp"
alt="titre"><img
src="http://nomdemonsite.free.fr/images/menu.jpg"
alt="Menu"></p>
<img class="floatleft"
src="http://nomdemonsite.free.fr/images/rallye.acc.bmp"
alt="Rallye"><img class="floatright"
src="http://nomdemonsite.free.fr/images/concert.acc.bmp"
alt="Concert">Bienvenue chez ... (mon texte) :<br>
Des ... (encore du texte)<br>
Du ... (texte;)<br>
Une... (encore du texte)<br>
Un ... (et du texte;)
<p> [...]
<body/>
Code CSS:
body{
background-color: #363636;
color: white;
font-size: large;
font-family: Century Gothic, Verdana, Trebuchet MS, Comic Sans MS, Georgia, serif;
text-align: center
}
.floatleft{
float: left;
padding: 2%;
margin-top: -170px;
margin-bottom: 10px;
margin-right: 0px;
width: 234px;
height: 156px;
}
.floatright{
float: right;
padding: 2%;
margin-top: -170px;
margin-left: 735px;
margin-bottom: 10px;
width: 228px;
height: 156px;
}
D'avance Merci beaucoup
Configuration: Windows XP Internet Explorer 7.0
6 réponses
-
ContributeurDans les IMG SRC= tu peux enlever le site et mettre simplement :
<img src="/image/titre.bmp"> -
d'ac mci
-
mais sais tu comment faire pour éviter que mes deux images qui doivent encadrés mon texte ne soient pas en décalé avec le texte mais à ses côtés : https://forums.commentcamarche.net/forum/affich-15597029-css-et-images-mes-codes-sont-ils-bon#7
-
<body> <p align="center"> <img src="http://nomdemonsite.free.fr/image/titre.bmp" alt="titre"><img src="http://nomdemonsite.free.fr/images/menu.jpg" alt="Menu"></p> <img class="floatleft" src="http://nomdemonsite.free.fr/images/rallye.acc.bmp" alt="Rallye"><img class="floatright" src="http://nomdemonsite.free.fr/images/concert.acc.bmp" alt="Concert">Bienvenue chez ... (mon texte) :<br> Des ... (encore du texte)<br> Du ... (texte;)<br> Une... (encore du texte)<br> Un ... (et du texte;) <p> [...] <body/>
C'est pas ta page ça j'espère ?
Correction car il y a énormément d'erreur (plus alignement des images)
<body> <div style="display:block;"> <p align="center"> <img src="/image/titre.bmp" alt="titre" /><img src="/images/menu.jpg" alt="Menu" /> </p> <img class="floatleft" src="/images/rallye.acc.bmp" alt="Rallye" /> <img class="floatright" src="/images/concert.acc.bmp" alt="Concert" /> Bienvenue chez ... (mon texte) :<br /> Des ... (encore du texte)<br /> Du ... (texte;)<br /> Une... (encore du texte)<br /> Un ... (et du texte;) <p> </div> <body/>
le CSS :
body{ background-color: #363636; color: white; font-size: large; font-family: Century Gothic, Verdana, Trebuchet MS, Comic Sans MS, Georgia, serif; text-align: center } .floatleft{ float: left; display:inline; padding: 2%; margin-bottom: 10px; margin-right: 0px; width: 234px; height: 156px; } .floatright{ float: right; display:inline; padding: 2%; margin-bottom: 10px; width: 228px; height: 156px; }
ça devrai fonctionner comme ça :) -
Trop bien merci beaucoup ! Ca marche à merveille ! =)
-
De rien, à la prochaine :)
