[résolu] Problème d'affichage (IE/firefox) avec images

le Mar Jan 16, 2007 15:26

Bonjour,

Sur mon guide de l'airsoft, j'obtiens une erreur récurrente sur plusieurs pages lorsque j'utilise des balises

Code: Tout sélectionner: <img align="left" src=""a.gif"> et <br clear="all"> ou <br clear="left">

Problème : une zone blanche relativement gigantesque.

Url : http://www.airsofteur.com/armes.php[/url]

Merci pour votre aide[/code]

le Mar Jan 16, 2007 15:33

Salut,

Deja pour ton premier lien y'a deux " avant le src , ca aide pas.

Il me semble qu'il faut fermer la balise BR ( je sais pas si ca a de l'influence mais bon ca coute pas plus cher )

donc <br clear="left" />

Sinon comme ca juste avec deux balises je ne saurai quoi te dire, peut etre peux tu nous montrer un peu ce qu'il y a autour?

le Mar Jan 16, 2007 15:38

et avec <img style='float:left' />bla bla bla <br style='clear:all' /> ?

le Mar Jan 16, 2007 16:00

Tiens j'en profite pour une petite question :

Clear all ou clear both ?

le Mar Jan 16, 2007 16:04

e-kiwi a écrit:et avec <img style='float:left' />bla bla bla <br style='clear:all' /> ?

Avec cette correction, j'ai un résultat tout aussi étonnant

Rappel : http://www.airsofteur.com/armes.php

le Mar Jan 16, 2007 16:05

Pour les paresseux voici le code :

Code: Tout sélectionner: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Airsofteur.com : catégories de répliques</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="author" content="Christophe NOEL"> <meta name="copyright" content="© Christophe NOEL"> <meta name="keywords" content="airsoft airsofteur softair air soft billes scénarios répliques reviews association belgique france cyma marui classic army fps aeg gbb gnb spring huile achat holster chargeur metal full tir automatique gaz masque grenade pistolet batteries chrony rencontres évènements"> <meta name="date" content="2006-08-24"> <meta name="description" content="Portail de la famille Noel"> <meta name="robots" content="index, follow"> <link rel="stylesheet" href="css/style.css" type="text/css"> </head> <body> <div id="header"> <h1> Airsofteur.com <span class="small">... communauté des airsofteurs débutants</span></h1> </div> <div id="topnav"><a href="http://www.airsofteur.com/">Accueil</a> | <a href= "bestarmes.php">Répliques</a> | <a href="objectifs.php">Scénarios</a> | <a href="entretien.php">Entretien</a> | <a href="http://www.airsofteur.com/forum/">Forum</a> | <a href="partenaires.php">Partenaires</a></div> <div id="left"> <div class="menu"> <h3>Le site</h3> <ul> <li><a href="http://www.airsofteur.com/quid.php">> Qu'est-ce que l'airsoft?</a></li> <li><a class="menu1" href="http://www.airsofteur.com/forum/">> Forum</a></li> <li><a class="menu1" href="http://www.airsofteur.com/contact.php">> Nous écrire</a></li> </ul> </div> <div class="menu"> <h3>Les répliques</h3> <ul> <li><a class="menu" href="http://www.airsofteur.com/armes.php">-> Catégories de réplique</a></li> <li><a class="menu" href="http://www.airsofteur.com/conseils.php">-> Conseils d'achat</a></li> <li><a class="menu" href="bestarmes.php">-> Sélections de répliques</a></li> <li><a class="menu" href="http://www.airsofteur.com/shops.php">-> Meilleures boutiques</a></li> <li><a class="menu" href="entretien.php">-> Entretien et précautions</a></li> <li><a class="menu" href="marques.php">-> Marques réputées</a></li> </ul> </div> <div class="menu"> <h3>Les parties</h3> <ul> <li> <a class="menu1" href="http://www.airsofteur.com/objectifs.php">> Objectifs de jeu</a></li> <li><a class="menu1" href="http://www.airsofteur.com/variantes.php">> Variantes de jeu</a></li> <li><a class="menu1" href="http://www.airsofteur.com/joueurs.php">> Joueurs spéciaux</a></li> <li><a class="menu1" href="http://www.airsofteur.com/securite.php">> Sécurité</a></li> <li><a class="menu1" href="http://www.airsofteur.com/regles.php">> Règlement</a></li> </ul> </div> <div class="menu"> <h3>Equipement</h3> <ul> <li> <a class="menu" href="equipement.php">-> Uniforme et équipement</a></li> <li> <a class="menu" href="accessoires.php">-> Accessoires</a></li> </ul> </div> </div> <div id="right"> <div class="rightmenu"> <h3>En construction !!!</h3> On refait le design... wait 20h ! :) <ul> <li><a class="menu" href="http://www.airsofteur.com/puissance.php">-> Puissances des répliques</a></li> <li><a class="menu" href="bricolage1.php">-> Bricolage 1</a></li> <li> <a class="menu" href="http://www.gaia-airsoft.org/combatgear.htm">-> Habillement</a></li> <li><a class="menu" href="http://www.gaia-airsoft.org/gungrenades.htm">-> Bricolage: grenades</a></li> <li><b><u>Best of</u></b></li> <li> <a class="menu" href="partenaires.php">-> Partenaires</a></li> <li> <a class="menu" href="http://fr.wikipedia.org/wiki/Airsoft" target="blank">-> Article (Wikipedia)</a></li> <li> <a class="menu" href="http://airsoftclub.free.fr/dico.htm" target="blank">-> dico de l'airsoft</a></li> <li> <a class="menu" href="http://www.france-airsoft.fr" target="blank">-> L'association francaise</a></li> <li> <a class="menu" href="http://belgique.airsofteur.com" target="blank">-> Airsoft Belgique</a></li> </ul> </div> </div> <div id="content"> <div class="index"> <h1 class="article">Les catégories de réplique d'armes en airsoft</h1> Voici les divers types de répliques d'armes d'airsoft et leur principe de fonctionnement: <br> <small>Remarque : les armes de grande puissance sont réservées au tir éloigné ("sniper").</small> <div class="edito"> <b>Spring (ressort)</b><br> <img src="img/spring.jpg" style='float:left' /> Le réarmement d'un <i>spring</i> est manuel : un ressort doit être réarmé à chaque tir. Les <i>spring</i> tirent généralement une seule bille à la fois. Leur précision est généralement plus faible que les autres types de répliques.<br>Achat : <a href="spring.php">nos suggestions</a><br style='clear:all'/> </div><br> <div class="edito"> <b>Gaz GBB</b><br> <img src="img/gaz1.jpg" align="left"> Les GBB (Gaz Blow-Back), utilise du gaz pour la propulsion de la bille. Leur principe de fonctionnement repose sur le principe du semi-automatique : les gbb utilisent une partie du gaz pour faire glisser à chaque coup la culasse en arrière et simuler l'éjection d'une cartouche. Chaque pression sur la détente provoque la percussion d'une valve qui va libérer une partie du gaz. Ces répliques ne fonctionnent pas bien en hiver : le gaz n'ayant pas la possibilité de se dilater correctement à basse température. Avec une recharge de gaz de plus ou moins 2 secondes, tu tiens (dans de bonne température) 2 chargeurs. Avec un litre de gaz, tu peux faire environ 40 recharges (donc 80 chargeurs de 25 billes).<br>Achat : <a href="gaz.php">nos suggestions</a><br style='clear:all'> </div><br> <div class="edito"> <b>Gaz NBB</b><br> <img src="img/gaz2.jpg" align="left"> Les NBB (Non Blow-Back): Le système est simplifié a l'extrême. Ici le gaz ne sert qu'à propulser les billes. La culasse n'étant plus mobile, il en resulte une économie en gaz non négligeable qui permet de tirer beaucoup plus de billes. Le chargement des billes s'effectue par un système mécanique actionné par la détente de la réplique, ce qui explique la relative dureté de la course de détente. Ces répliques ne tirent qu'en semi-automatique, puisque les modes de tir automatique requièrent un mouvement de chargement. Ces armes consomment moins de Gaz que les GBB.<br>Achat : <a href="gaz.php">nos suggestions</a><br clear=LEFT> </div><br> <div class="edito"> <b>Electrique AEG</b><br> <img src="img/aeg.jpg" align="left"> Le lanceur automatique (ou AEG, pour Automatic Electric Gun) : ils éjectent les billes en rafales grâce à un système électrique relativement simple : une batterie alimente en énergie un moteur qui entraîne des engrenages qui vont eux-mêmes entraîner un piston qui va comprimer un ressort. Une fois le cycle terminé, les engrenages relâchent le piston qui va comprimer un volume d'air plus ou moins grand suivant le cylindre installé par l'action du ressort (qui va se détendre violemment). Ces répliques permettent une utilisation soutenue et une autonomie assez élevée en fonction de la capacité ainsi que de la puissance de la batterie utilisée. Leur puissance est modifiable par simple changement du ressort, mais le renforcement de nombreuses pièces peut s'avérer nécessaire afin de conserver la fiabilité de la réplique et éviter les casses. Leur principe de fonctionnement s'apparente donc aux répliques spring mais avec l'aide d'un systeme électrique. Les AEG sont généralement des mitraillettes.<br>Achat : <a href="aeg.php">nos suggestions</a><br> </div><br> </div> <a href="http://www.airsofteur.com/">airsofteur.com</a>, 2006 (postmaster@airsofteur.com)</div> </body> </html>

le Mar Jan 16, 2007 16:05

<br style='clear:both' /> alors

ou <br style='clear:left' />, je me rappelles plus ^^ un des 2 fonctionne

le Mar Jan 16, 2007 16:21

bof

le Mar Jan 16, 2007 16:23

c'est clear:both

le Mar Jan 16, 2007 16:25

e-kiwi a écrit:<br style='clear:both' /> alors

ou <br style='clear:left' />, je me rappelles plus ^^ un des 2 fonctionne

aucun ne fonctionne

le Mar Jan 16, 2007 16:26

c'est bien ce que j'avais dit : bof :lol:

le Mar Jan 16, 2007 16:33

moi ca marches tres bien avec <hr style='clear:both'>

le Mar Jan 16, 2007 16:46

moi pas

le Mar Jan 16, 2007 17:25

Il me semblait qu'il fallait spécifier une propriété de largeur pour prendre en compte le float.

au fait. J'y pense la , mais cest quel resultat que tu souhaite obtenir ?

le Mar Jan 16, 2007 17:31

ton contenu central n'étant pas dans le même flux que tes menu, le clear:both/left/right se positionne donc sur les éléments en float.

Pour résoudre ce problème, il faut que tes élements conteneurs principales soit en float (left ou right, pas d'importance).

Sinon, pour la marge sous les images, cela est du à une différence avec Ie qui n'interprète pas de la bonne manière. Solution, tonimage{display:block;}

[résolu] Problème d'affichage (IE/firefox) avec images

[résolu] Problème d'affichage (IE/firefox) avec images

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne