Flux rss
Collection CommentCaMarche.net
Rechercher : dans
Par : Mots clés Nom d'utilisateur
Messages sans réponse

HTML débordement de SPAN / tableaux

Yorgat, le lundi 14 novembre 2005 à 16:12:47 
 Signaler ce message aux modérateurs

Bonjour à tous,

je suis sur une page HTML avec un formulaire.
J'ai un souci avec une balise SPAN et des tableaux.
Ma page est principalement divisée en deux parties à gauche et à droite.

Mon pied de page, est aussi un tableau divisé en deux.

Dans la partie droite, j'ai une série de tableaux intégrés. Cependant, une partie des tableaux débordent du SPAN, débordent sur le pied de page.

Je ne comprends pas trop. Pourtant les balises <table>, <td> et <tr> sont bien définies. J'utilise des colspan et rowspan bien définis.

Est ce que quelqu'un a déjà rencontré de tels problèmes ?

J'utilise du HTML/php. Je code directement sans utiliser de Dreamweaver ou de Frontpage.

Merci de votre attention

1

mamiemando, le lundi 14 novembre 2005 à 16:16:53
  • +1

C'est très probablement un problème de balise ouvrantes et fermantes.
Utilise les balises de commentaires

<!--       -->

pour intégrer petit à petit les morceaux de ta page et tu finiras par trouver d'où vient le pb

Répondre à mamiemando

2

Yorgat, le lundi 14 novembre 2005 à 16:23:32
  • +1

Merci pour ta réponse.

Malheureusement j'utilise un logicel d'édition HTML qui fait la mise en équivalence des balises, et j'ai déjà vérifié plusieurs fois cette possibilité.

En fait, j'ai l'impression que la partie de droite est bloquée par la hauteur de ma partie de gauche. Et c'est ce qui fait que ça oblige mon texte/mes tableaux à déborder.

Je ne sais pas trop comment débloquer cette partie de droite.
{Only try to realize that there is no chicken}
---

Répondre à Yorgat

3

wiwimagique, le lundi 14 novembre 2005 à 16:45:48
  • +1

Si tu mets beaucoup de tableaux imbriquésavec des width ou height en pourcentage, le navigateur peut perdre pied à un moment

essaie de mettre des valeurs fixes.
Dans sa voiture rouge et jaune

Répondre à wiwimagique

6

Yorgat, le lundi 14 novembre 2005 à 16:58:15
  • +1

Merci.

Oui, c'est sur. J'en ai pas trop en fait. {Only try to realize that there is no chicken}
---

Répondre à Yorgat

4

Zep3k!GnO, le lundi 14 novembre 2005 à 16:46:08
  • +1

FAit voir le code s'il est pas trop long ... :P
Et si y a moyen , indenté c'est mieux :P

Zep3k!GnO
-->kurtis jackson:"Dans la vie tu as besoin de 3 choses : le fitness, l'aérobic et moi."

Répondre à Zep3k!GnO

5

Yorgat, le lundi 14 novembre 2005 à 16:51:57
  • +1

<html>
<head>

<title></title>

<link rel="StyleSheet" type="text/css" href="./hlp-developpement.css">

<script type="text/javascript" src="./hlp-developpement.js"></script>
<script type="text/javascript" src="./CIR.js"></script>

</head>
<body leftMargin="0" topMargin="0">
<? include("./top.php")?><!-- Haut de page -->
<table cellSpacing="0" cellPadding="0" width="750" border="0" align="center">
	<tr>
		<td width="220" vAlign="top"> <!-- Partie gauche-->
			<? include("./menu.php")?> 			<table cellSpacing="0" cellPadding="0" width="98%" align="right" border="0">
			<tr>
				<td><img src="./images/space.gif" width="112" height="5"/></td>
				<td><a href="./test.php"><img src="./images/page-5.gif" alt="Blabla" width="82" height="81" border="0" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=20,Duration=0.8)" onMouseOver="media2(this)" onLoad="media1(this)"/></a></td>
				<td><img src="./images/space.gif" width="9" height="5"/></td>
			</tr>
			</table>
		</td> <!-- Fin Partie gauche-->
		<td width="526" vAlign="top" borderColor="#4A5DA5" style="BORDER-RIGHT: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid">
			<!-- Partie droite -->
			<table cellSpacing="0" cellPadding="0" width="100%" align="center" border="1">
				<tr>
					<td><img src="./images/space.gif" width="20" height="20"/></td>
				</tr>
				<tr>
    				<td align="center"><img src="./images/eetoile.gif" width="16" height="16"/> <h1>Blabla  </h1>
		    		<img src="./images/eetoile.gif" width="16" height="16"></td>
				</tr>
				<tr>
					<td><img src="./images/space.gif" width="20" height="20"></td>
				</tr>
				<tr>
					<td><SPAN id="memoVisible" class="textarea" style="OVERFLOW-Y: auto; WIDTH: 100%;  HEIGHT: 370px; padding-left:4px; padding-right:4px">
Blabla <br/>
Blabla ?<br/>
Blabla 
?
		<p>Blabla </p>
		<p>Blabla  </p>
		<ul><li> Blabla ,</li>
			<li>	Blabla 
			Blabla s, </li>
			<li>	ABlabla , </li>
			<li>	Blabla , </li>
			<li>	Blabla , </li>
		<li>	Blabla .</li></ul>
	</SPAN>
				</td>
				</tr>
				<tr>
					<td>
					<p><form class="textarea" method="post" name="CIR_calculator" id="CIR_calculator">
			<table border="1">
				<tr>
					<td colspan="4">Estimez votre Blabla (Sommes en k€) / Société indépendante</td>
				</tr>
				<tr>
					<td>Montant des dépenses *</td>
					<td><input type="text" maxlength="10" size="10" name="RD_an_moins2" value="0"/></td>
					<td><input type="text" maxlength="10" size="10" name="RD_an_moins1" value="0"/></td>
					<td><input type="text" maxlength="10" size="10" name="RD_an_encours" value="0"/></td>
				</tr>
				<tr>
					<td>Années</td>
					<td>2003</td>
					<td>2004</td>
					<td>2005</td>
				</tr>
				<tr>
					<td colspan="3">négatif reportable de l'année antérieure (si connu)</td>
					<td><input type="text" maxlength="10" size="10" name="ReportNeg" value="0"/></td>
				</tr>
				<tr>
					<td colspan="3">Cumul des positifs antérieurs (si connu)</td>
					<td><input type="text" maxlength="10" size="10" name="CumulAnt" value="0"/></td>
				</tr>
				<tr>
					<td colspan="3"><input type="button" name="calcule" value="Lancer l'estimation" onclick="calculer(document.CIR_calculator.RD_an_encours.value,document.CIR_calculator.RD_an_moins1.value,document.CIR_calculator.RD_an_moins2.value,document.CIR_calculator.ReportNeg.value,document.CIR_calculator.CumulAnt.value)"/></td>
				</tr>
				<tr>
					<td colspan="3">Part en volume(2005)</td>
					<td><input type="text" maxlength="10" size="10" name="Part_volume"/></td>
				</tr>
				<tr>
					<td colspan="3">accroissement **</td>
					<td><input type="text" maxlength="10" size="10" name="Part_accr"/></td>
				</tr>
					<tr>
					<td colspan="3">Total </td>
					<td><input type="text" maxlength="10" size="10" name="Total_"/></td>
				</tr>
				</table>
				<table border="1">
				<tr>
					<td colspan="2">Si vous souhaitez Blabla </td>
				</tr>
				<tr>
					<td>Titre/Prénom/Nom :</td>
					<td><input type="text" name="nom" value="" maxlength="50" size="25"/></td>
				</tr>
				<tr>
					<td>Fonction :</td>
					<td><input type="text" name="fonction" value="" maxlength="35" size="25"/></td>
				</tr>
				<tr>
					<td>Raison légale de la société :</td>
					<td><input type="text" name="societe" value="" maxlength="50" size="25"/></td>
				</tr>
				<tr>
					<td>Adresse e-mail :</td>
					<td><input type="text" name="email" maxlength="50" size="25"/></td>
				</tr>
				<tr>
					<td colspan="2"><input type="submit" name="EnvoiCIR" value="Validez l'envoi"/></td>
				</tr>
				<tr>
								<td colspan="2" height="25" borderColor="#4A5DA5" bgColor="#4A5DA5" class="hlp">
								<marquee height="10" width="530" behavior="scroll" direction="left" scrolldelay="100" align="right" class="marquee"> .................	</marquee></td>
					</tr>
				</table>
				</form></p>
					</td>
				</tr>
		</table>
		</td> <!-- Fin Partie droite -->
	</tr>
</table>
<? include("./bottom.php")?> <!-- Ca déborde par dessus ce pied de page -->
<? include("./CIR_db.php")?>
</body>
</html>
{Only try to realize that there is no chicken}
---

Répondre à Yorgat

7

Zep3k!GnO, le lundi 14 novembre 2005 à 17:10:07
  • +1

A première vue déjà t'arrives en width a 746 sur tes 750 prévus et puis je sais pas pourquoi tu mets pas ta taille de tableau dans une case a 100% --> <td><table height="100%" width="100%" ...>

Bref, c'est pas super ce que je te dis la tu va me dire ...
mais j'avoue que s'il est pas trop long ... :P <-- ZzZZzZzz
Un peu gros j'ai du mal a digéré sans le voir .. .

Si t'as toujours pas troiuvé demain, je rematterai, mais faudrait que tu montres ta page "faite" (interprétée par le navigateur)

oOps, faut que je choe mon train ... Bonne soirée :D

Zep3k!GnO
-->kurtis jackson:"Dans la vie tu as besoin de 3 choses : le fitness, l'aérobic et moi."

Répondre à Zep3k!GnO

8

Yorgat, le lundi 14 novembre 2005 à 17:22:36
  • +1

Merci pour ton message.

La page donne ça (Beuark !). C'est un débordement en height.

http://www.hlpdeveloppement.fr/credit-impot-recherche.php

Dans la partie de droite, il y a un SPAN, puis deux tableaux.
Le premier tableau comprend les premiers champs de "Montant de dépensenses ..." jusqu'à "Total Crédit Impôt Recherche".

Le deuxième tableau va de "si vous souhaitez nous envoyer vos résultats" .. jusqu'au <marquee> de défilement de texte.

Le bas de page indique le site, l'année et le plan du site. Et c'est par dessus cette fin de SPAN et le bas de page que les tableaux débordent.

Je continue à me pencher sur le problème.
{Only try to realize that there is no chicken}
---

Répondre à Yorgat

9

Zep3k!GnO, le mardi 15 novembre 2005 à 12:14:47
  • +1

Désolé mais la j'ai pas beaucoup de temps aujourd'hui ... Mais
Tes cases sont louches... je sais pa si t'as le Developper kit sous Mozzila mais il est parfait pour des problèmes comme les tiens je trouve .
(d'ailleur j'espère que t'es sous mozilla et non IE :( )

https://addons.mozilla.org/extensions/moreinfo.php?id=60

une fois installer va tu pa page et clic droit --> Webdevelopper-->Outline --> Outline Table Cells
tu vas voir ,ca va mieu t'aiguier je pense ...

Bon courage :P

Zep3k!GnO
-->kurtis jackson:"Dans la vie tu as besoin de 3 choses : le fitness, l'aérobic et moi."

Répondre à Zep3k!GnO

10

 Yorgat, le mardi 15 novembre 2005 à 12:28:20
  • +1

He bah merci en tout cas. Le problème est quasi réglé.

J'ai modifié des trucs dans les balises. C'est très bizarre. J'ai changé de positions des changement de style, d'un TD (cellule) vers une balise TABLE et les choses se sont remises dans l'ordre.

J'ai rien capté à la logique, mais bon ...

Bonne continuation. {Only try to realize that there is no chicken}
---

Répondre à Yorgat
HTML: placer un tableau à 150 px du bord bonjour, j'ai inséré dans mes pages html un menu en javascript. Si je place un tableau de 760 px sur la page et que je l'aligne au centre il n'y a aucun problème en 1024 x 768 mais si je passe en 800 x 600 le tableau est recouvert par le menu.... www.commentcamarche.net/forum/affich-26326-html-placer-un-tableau-a-150-px-du-bord
Pb affichage tableau html IE/Mozilla (Résolu) Bonjour à tous, je suis actuellement en train de creer un site en html et tout fonctionnais bien jusqu'à temps que j'aille jeter un coup d'oeil sous Mozilla : j'utilise des tableaux pour afficher le graphisme et il semble que mozilla ne veuille pas... www.commentcamarche.net/forum/affich-4185911-pb-affichage-tableau-html-ie-mozilla
[Html] Taille du texte dans tableau Bonjour, Ca fait depuis quelques temps que j'essaie de modifier la taille du texte dans un tableau sur une page Html mais je ne trouve pas comment faire.... J'ai peut être le clic un peu gauche sur google mais ils n'y proposent que des solutions CSS... www.commentcamarche.net/forum/affich-955088-html-taille-du-texte-dans-tableau
Espace en HTMLEn HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace... www.commentcamarche.net/faq/sujet-8070-espace-en-html
HTML - tableau liens et CSSBonjour à tous, voilà j'ai mis 4 lien dans un tableau classique HTML. Ce tableau fait partie d'une classe CSS nommée "menu". voici le code : Dates www.commentcamarche.net/forum/affich-1080551-html-tableau-liens-et-css
Creer un tableau à +sieurs colonnes en htmlaidez moi à créer un tableau en html j'ai essyé mais ça n'a pas marché je veux aussi savoir comment faire défilerun text ou une image vers le bas www.commentcamarche.net/forum/affich-97594-creer-un-tableau-a-sieurs-colonnes-en-html
Tableau HTML - Height = ""Bonjour, J'essaye depuis maintenant plusieurs heure (c'est un peu hyperbolisé mais c'est pour dire que j'y est passé du temps ^^) de définir une hauteur maximum a un tableau en HTML ou ce tableau est dynamique, en vain. Quand je dis dynamique, c'est... www.commentcamarche.net/forum/affich-8568782-tableau-html-height
Tableaux HTMLUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un... www.commentcamarche.net/contents/html/htmltable.php3
Caractères spéciaux HTMLCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour... www.commentcamarche.net/contents/html/htmlcarac.php3
La table des couleursLe codage des couleurs Les couleurs en HTML sont définies par 3 nombres hexadécimaux représentant les tons de Rouge, de Vert et de Bleu (selon le codage RGB (Red Green Blue, en français : RVB) de la couleur choisie. Ainsi la syntaxe de codage d'une... www.commentcamarche.net/contents/html/htmlcouleurs.php3