probleme de <table>

par **trankyl** » 28 janv. 2007, 12:04

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

par **AlainG** » 28 janv. 2007, 11:29

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.

par **trankyl** » 27 janv. 2007, 21:57

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

par **Ajoloca** » 27 janv. 2007, 21:40

Bonjour,

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

par **trankyl** » 27 janv. 2007, 21:35

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

par **artotal** » 27 janv. 2007, 21:30

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.

par **trankyl** » 27 janv. 2007, 21:05

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.

par AB » 27 janv. 2007, 17:47

Re,

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

par **artotal** » 27 janv. 2007, 17:42

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

par **trankyl** » 27 janv. 2007, 17:31

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

par AB » 27 janv. 2007, 16:32

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

par **trankyl** » 27 janv. 2007, 12:44

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é

par **Cyrano** » 27 janv. 2007, 12:12

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.

par **trankyl** » 27 janv. 2007, 11:43

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>

probleme de <table>

Répondre

Étendre la vue Revue du sujet : probleme de <table>

probleme de <table>