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

insanecricri · 16 Janvier 2007

Bonjour,

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

Code:

<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]

gabriel_f · 16 Janvier 2007

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 

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?

e-kiwi · 16 Janvier 2007

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

gabriel_f · 16 Janvier 2007

Tiens j'en profite pour une petite question :

Clear all ou clear both ?

insanecricri · 16 Janvier 2007

e-kiwi a dit:
et avec <img style='float:left' />bla bla bla ?

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

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

insanecricri · 16 Janvier 2007

Pour les paresseux voici le code :

Code:

<!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="&copy; 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">&gt;&nbsp;Qu'est-ce que l'airsoft?</a></li>
<li><a class="menu1" href="http://www.airsofteur.com/forum/">&gt;&nbsp;Forum</a></li>
<li><a class="menu1" href="http://www.airsofteur.com/contact.php">&gt;&nbsp;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">&gt;&nbsp;Objectifs de jeu</a></li>
		<li><a class="menu1" href="http://www.airsofteur.com/variantes.php">&gt;&nbsp;Variantes de jeu</a></li>
		<li><a class="menu1" href="http://www.airsofteur.com/joueurs.php">&gt;&nbsp;Joueurs spéciaux</a></li>

<li><a class="menu1" href="http://www.airsofteur.com/securite.php">&gt;&nbsp;Sécurité</a></li>
<li><a class="menu1" href="http://www.airsofteur.com/regles.php">&gt;&nbsp;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><!--/div-->

	

<a href="http://www.airsofteur.com/">airsofteur.com</a>, 2006 (postmaster@airsofteur.com)</div>
 
</body>
</html>

e-kiwi · 16 Janvier 2007

alors

ou , je me rappelles plus ^^ un des 2 fonctionne

Leonick · 16 Janvier 2007

bof :lol:

YoyoS · 16 Janvier 2007

c'est clear:both

insanecricri · 16 Janvier 2007

e-kiwi a dit:
 alors

ou , je me rappelles plus ^^ un des 2 fonctionne

aucun ne fonctionne

Leonick · 16 Janvier 2007

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

e-kiwi · 16 Janvier 2007

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

insanecricri · 16 Janvier 2007

moi pas

gabriel_f · 16 Janvier 2007

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 ?

Romuald · 16 Janvier 2007

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;}

insanecricri · 16 Janvier 2007

Youpie ca marche quand je déclare mes div en float !

Nouveau problème : malgré le BR entre mes div j'ai à présent aucun espace entre eux (ils sont collés).

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

Code:

<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 class="spacer" />
</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 class="spacer" />

</div><br>

Szarah · 16 Janvier 2007

Supprimer le et régler le margin-top du div d'en bas
<div class="edito" style="margin-top:10px;">

insanecricri · 16 Janvier 2007

Ah oui que je suis bête !

Merci mille fois.

insanecricri · 16 Janvier 2007

Dernière chose :

Malgré mes margin-left et margin-right : 5px , mes pages affiches les div avec des largeurs inégales.

Une idée pour régler ce dernier petit probleme ?
Exemple : http://www.airsofteur.com/conseils.php

narayana · 16 Janvier 2007

c'est avec des width que l'on fixe une taille pas avec des margin ;-)

insanecricri · 18 Janvier 2007

Finalement mettre les div en float m'ont amené plus de problème.

J'ai cependant résolu le problème des images : tout s'implement j'intègre le contenu des div dans un tableau.