Forum d'entraide PHPFrance

Voila en faite j'ia un soucis avec IE c'est que j'ai des espaces entret oute mes cellules ce qui n'est pas le cas sous firefox pour que vous y voyait plus clair j'ia pris des screens.

Autre question au passage est il possible de faire une sorte de pop up qui s'ouvre au chargement de la page dmeandant au visiteur d'enregistrer un fichier .ttf pour une meilleur visite sur le site???

Car j'aimerai incorporé une police spéciale a mon site mais pour ca le visiteur est obligé de la télécharger et de l'installer. ou si il y a un autre moyen je suis preneur.

IE :
Image 1

MF :
Image 2

voila pour ce qui est du code le voila

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="style.css"/>
<title>La Guilde Archange</title>
</head>

<body bgcolor="#000000" text="#FFFFFF" >
<center>
<table align="center" width="1024" border="0" cellpadding="0" cellspacing="0" >
	<tr align="left" >
		<td width="951" height="*" colspan="3" >
                        /////////////BANNIERE////////////////
			<img src="images/banniere.jpg" name="banniere" title="banniere" border="0" />
		</td>
	</tr>
	<tr align="left">
               //////////IMAGE DE GAUCHE CONTENU DANS LE CLASS="MENU"//////////
		<td class="menu" width="199" height="877" align="left" valign="top" rowspan="3">
			<br />
			<br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php" class="liens">News Team</a><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="game.php" class="liens">News Jeu</a><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://archanges-archlord.probb.fr" target="_blank" class="liens">Forum</a><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="membres.php" class="liens">Les Membres</a><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="histoire.php" class="liens">L'histoire des Archanges</a><br />
			<br />
			<div align="center"><img src="images/test.png" class="image" width="150" /></div>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="download.php" class="liens">Download</a><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="album/galerie.php" class="liens">Galerie</a><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="chat.php" class="liens">Chat</a><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ts.php" class="liens">TS</a><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="video.php" class="liens">Video</a><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="events.php" class="liens">Evénements</a><br />
			<br />
			<div align="center"><img src="images/test.png" class="image" width="150" /></div>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://mmodata.org/archlord/db/" class="liens" target="_blank">Drop Calculator</a><br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="map.php" class="liens">Map</a><br />
		</td>
<td width="549" align="center" valign="top">
			<table width="549" height="" align="center" cellpadding="0" cellspacing="0">
				<tr>
					<td>
                                            ////////////////IMAGE DU CENTRE///////////
						<img src="images/affichage_1_haut.jpg" border="0" />
					</td>
				</tr>
				<tr>
					<td class="fond">
						<table cellpadding="0" cellspacing="0">
							<td width="30">
							</td>
							<td width="491" height="300" valign="top" align="left">
								<div class="texte">Salut tout le monde est bien je suis heureux de vous accueillir en ce lieu qui est la terre natal des Archanges. Nous serions heureux de vous compter parmis nous et pour cela rien de plus facile faites nous parvenir une directive urgente en utilisant les pigeons voyageurs que vous avez à votre disposition ici.</div>
							</td>
							<td width="30">
							</td>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<img src="images/affichage_2_bas.jpg" border="0" />
					</td>
				</tr>
			</table>
		</td>
		<td width="276">
		
		</td>
	</tr>
</table>

</center>
</body>
</html>

Modération :
trankyl, lorsque tu veux montrer des images de grande taille, utilise un lien au lieu de les insérer directement dans le message, ça nous bousille la mise en page et ajoute une barre de défilement horizontale du plus mauvais effet.

J'ai édité ton message pour corriger... pour cette fois. Songes-y la prochaine fois.

oups dsl c'est vrai que j'ai poster un peu a la va vite donc j'ai pas fait plus attention encore désolé

Bonjour,

2/ Si tu fais un popup au chargement (onload) de la page, c'est considéré comme un popup intempestif et ce sera bloqué par les navigateurs actuels.

Edit: je viens de télécharger tes images. je ne vois aucune différence entre les deux...

bon tu verra AB j'ai mis des ptits cercles rouges pour indiquer les problèmes.

tu as découpés ton design avec toshop, puis il ta crée la page ?

Re,

Ce serait bien aussi si tu nous montrait dans ton code où est l'image en question

Non le code je l'ai fait moi meme lesi mage on était traité sous totoshop mais le code c'est moi

Et pour AB bien que le code étant assez explicite je trouve j'ai quand meme signaler ou se trouver les différentes images.

tu as un problème de mise en page et il faut y aller à tatonnment.
Mais je te conseil l'utilisation de CSS. Dès le départ afficher des images avec un tableaux c'est pas terrible et illisible.

justement j'utilise du CSS pour Une image celle du menu a gauche est-ce qui pose conflit????

Bonjour,

Dans ton fichier CSS mets 'margin-top : 0px; margin-bottom :0px; padding-top :0px; et padding-bottom :0px' pour les deux images.

ca ne change rien j'ai tout mis en 0px mais rien par contre j'ai tenté de mettre ma banniere dans mon code CSS et de l'appeller dnas le 1er <td> par un class="banniere" l'espace entre les 2 images avait disparue mais ma banniere était décalé à droite par rapport aux autres.

PS : personne n'a de réponse?????

Salut,
L'image s'aligne simplement sur la ligne de base, comme le texte, c'est normal. L'espace est celui qui se trouve sous la ligne de base pour, entre autres, les lettres à hampe descendante (jpy....)

Si ça ne le fait pas avec Firefox, c'est parce que le doctype est "transitionnal" . Mais en "strict" ça serait le même résultat

Les solutions ne manquent pas. Ajoute par exemple à cette image (banniere) : style="display:block"
Une autre solution est de changer l'alignement vertical (il existe même d'autres solutions... mais le display:block suffira largement)

Concernant l'image de fond du dessous (.menu, dans la CSS) tu devrais changer sa position : plutot que "center top", choisi "left top".
Tu auras ainsi certainement moins de mal à faire concorder les deux images selon les navigateurs.

probleme resolut il y avait juste un bout de code qui génait mais c'est réglé enfin bon merci a tous

Forum d'entraide PHPFrance

probleme de <table>

probleme de <table>