Forum de discussion
Forum « Programmation HTML » (archives)
Re: Espace indésiré pour alignement images en CSS et comment isoler un problème
Envoyé: 13 juillet 2004, 9h51 par Oznog
Hum, il n'y a aucun problème à ce niveau avec ton code. Mais il manque probablement des bout de code!
L'art de la webmesterie est avant tout de régler des problèmes, et la première technique est d'isoler un problème. Par exemple je test ton code sans aucun ajout. J'ai simplement un élément centré et asser large pour contenir les images pour mieux voir.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<title>TRUCSWEB : Style pour les images</title>
<style type="text/css">
<!-- /* 528 */
#document {text-align: center;}
#corp {width: 600px; margin: 0 auto;text-align: left;border: 1px solid black;}
#menu img {
width: 88px;
height: 31px;
margin : 0;
padding :0;
border: 0;
float: right;
}
-->
</style>
</head>
<body>
<div id="document">
<div id="corp">
<div id="menu">
<img src="http://www.trucsweb.com/images/boutons/b_moz.gif";>
<img src="http://www.trucsweb.com/images/boutons/b_moz.gif";>
<img src="http://www.trucsweb.com/images/boutons/b_moz.gif";>
<img src="http://www.trucsweb.com/images/boutons/b_moz.gif";>
<img src="http://www.trucsweb.com/images/boutons/b_moz.gif";>
<img src="http://www.trucsweb.com/images/boutons/b_moz.gif";>
</div>
</div>
</div>
</body>
</html>
Et ça fonctionne très bien. Maintenant je n'ai pas le reste du code pour t'aider d'avantage. D'après moi il y a un conflit avec les autres éléments et peut être l'héritage des propriétés.
Ciao
Oznog
Réponses
|
![[Photo]](https://www.trucsweb.com/documents/images/2024/js-bs-formulaire-fetch.png)
Formulaire Bootstrap 5 Ajax avec validation.![[Photo]](https://www.trucsweb.com/documents/images/2023/elephants-Salvador_Dali_1948.jpg)
Sécuriser l’accès « bureau à distance » sous IIS![[Photo]](https://www.trucsweb.com/documents/images/2023/trou_noir_galaxie_M87.jpg)
L’AI au temps du Far-Web![[Photo]](https://www.trucsweb.com/documents/images/2023/gilles-villeneuve-montreal1978.jpg)
Sélecteurs JavaScript querySelector() et querySelectorAll()![[Photo]](http://www.trucsweb.com/documents/images/2023/evolution_de_lhomme.jpg)
CSS - Animations![[Photo]](http://www.trucsweb.com/documents/images/2023/univers-copernic.jpg)
Mode de couleurs (Color modes) Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/2023/les_burgers_de_papa.jpg)
25 ans des Trucsweb - Bouton hamburger animé Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/logos/l_whatwg.svg)
Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C![[Photo]](http://www.trucsweb.com/documents/images/2022/tim-berners-lee-web-b.jpg)
Le nouveau HTML « Living Standard » et le XML![[Photo]](http://www.trucsweb.com/documents/images/2022/v_jacques_dutronc-les_cactus.jpg)
Sécuriser un formulaire de contact au Far-Web!
AbuseIPDB
Connexion![http://www.trucsweb.com/images/boutons/b_moz.gif"](http://www.trucsweb.com/images/boutons/b_moz.gif"){kind=link}