Sujet Précédent Sujet Suivant

Technique DIV mélangées en HTML

Résolu/Fermé
rjl Messages postés 543 Date d'inscription mardi 16 mars 2004 Statut Membre Dernière intervention 25 mai 2019 - 17 août 2012 à 23:49
rjl Messages postés 543 Date d'inscription mardi 16 mars 2004 Statut Membre Dernière intervention 25 mai 2019 - 18 août 2012 à 11:46
Bonsoir,

J'explique : à la suite de je ne sais quel essai les DIV et les fins de DIV correspondantes en théorie ne se correspondent plus !
Ainsi, une DIV qui commence en ligne 43 et se termine en 105 englobe en logique une DIV qui commence en 48 et finit en 69.

PROBLEME : les fins de DIV sont permutées ainsi dans Notepad++, je vois la DIV commençant en 43 se terminer en 69 et la DIV commençant en 48 se poursuivre jusqu'à 105 !!

J'ai tenté des suppressions des <div>, des </div>, du tout, de la boucle 48-69, des 2 div imbriquées 43-105... rien n'y fait !

Bien sûr, en traitement tout cafouille et le temps que je parvienne à ce constat, j'avais modifié (et détruit) pas mal de choses !

Je joins le code au cas où vous auriez la possibilité de voir comment résoudre cette difficulté.

MERCI d'AVANCE et à bientôt. RJL2817 

<!DOCTYPE html>
<html lang="fr"><head>
<title>Accueil UTL Sud-Goëlo</title>
<!-- < ?php include ("Doct.php"); ? > -->
<meta charset="utf8">             <!-- MàJ DoctPagesUTL.php  RJL2715 --> 
<meta name="DESCRIPTION" content="Actions culturelles ; Université du Temps Libre">
<meta name="KEYWORDS" content="UTL, Cotes d'Armor, Sud-Goëlo">
<meta name="ROBOTS" content="Index">
<meta name="AUTHOR" content="RJL">
<link rel="stylesheet" type="text/css" href="../index_fichiers/CSS-UTL3c.css">
<!-- <link rel="stylesheet" type="text/css" href="../index_fichiers/CSS-UTLCRconf.css"> -->
</head><body>
<!-- <div id="bloc-page"> -->
<?php setlocale (LC_ALL, 'fr_FR'); ?>
	<div id="colgauche">    	<!--	<div class="cadnav-acc"> -->
		<div class="logUTLinit"><img class="logo-utl-acc" alt="Logo UTL base" src="index_fichiers/LogoUTL2.png"/></div>
		<h1 class="menu-acc">Menu</h1><!-- Fin Menu -->
		<nav class="menucorps">
			<ul class="navigation larger" style="text-align: center;">
					<li><a href="index.php" title="Accueil">Accueil UTL</a></li>
					<li><a href="pgUTL/Histo2012-2013.php" title="Programme de l'année">Programme 2012-2013</a></li>
					<li><a href="pgUTL/HistoConferences.php" title="Historique des conférences / années">Historique</a></li>
					<li><a href="pgUTL/identifA.php" title="Organisation CA-B">Bureau CA <span class="smaller">(Accès réservé)</span></a></li>
					<li><a href="mailto:webmaster@utl-sud-goelo.org" title="Nous adresser un mail">Nous contacter</a></li>
			</ul>
		<!--Fin menucorps --></nav>
		<div class="basgch-acc">
				        Nombre de visites<br />
			<center>
					<a href="http://www.imingo.net/fr/" target=_top>
					<img src="http://www.imingo.com/services/compteur/icptgr.php?id=UTLsudgoelo" name="imingo.com" border="0" alt="Compteur imingo"/></a>
			</center><!-- Fin div centre compteur -->
			<p class="xsmall">Mis à jour le
						17/08/2012 <br />
						par RJL<br />
						_____________<br />
						Site optimisé<br />
						768x1024 pixels
			</p>
			<img class="logo-22-acc" src="index_fichiers/100px-CA_22.gif" alt="Logo Côtes d'Armor"/>
		</div>	<!-- Fin class basgch-acc2 -->	
	</div><!-- Fin colgch -->	
	<div id="colreg">
		<div id="logStQuay"><img alt="Image UTL StQuay" src="index_fichiers/ImageStQuay2.jpg"/></div>
		<div class="accueil" style="text-align: center;">
			<h1 class="font600" style="color: rgb(153, 0, 0); font-family: Comic Sans MS; width: 82%;"><b>UTL Sud Goëlo</b></h1>
		<!-- Fin Accueil --></div>
        <div id="colmilieu" style="text-align: justify; color: rgb(153, 0, 0); font-family: Comic Sans MS;">
			<h2 class="xxlarge" style="font-weight: bold;">
				<br />Soyez les bienvenus parmi nous</h2>
			<div class="larger">
				<p>Nous souhaitons apporter à nos adhérents une contribution culturelle
					&amp; sociale dans une ambiance conviviale favorisant l'accès au
					savoir,&nbsp; à l'expression et à la création.<br><br>
					Notre action couvre au premier chef notre canton du Sud Goëlo ; pour
					autant, nous vous accueillons avec plaisir si vous êtes issus d'un
					autre secteur et vous pouvez participer à nos activités.<br><br>
					Selon les années, notre association regroupe entre 130 et 200
					adhérents soit donc une taille conviviale propice à la participation de
					tous dans une ambiance toujours sympathique.</p>
				<p> &nbsp; </p>
				<p>N'hésitez donc pas à vous renseigner et, mieux encore, à <span style="font-weight: bold;">nous rejoindre</span></p>
				<p style="font-weight: bold;">Rien de plus simple : Cliquez ci-dessous sur l'information ou le logo UTL pour
					accéder aux informations nécessaires</p>
			<!-- Fin xlarge --></div>
			<div style="text-align: center; color: red;"><a href="pgUTL/Inscriptions2.html">Accès Informations <span style="font-style: italic; font-weight: bold;">Inscription</span></a> &nbsp; &nbsp;
				<a href="pgUTL/Inscriptions2.php"><img class="v-align-image" style="border: 0px solid ; width: 94px; height: 89px;" alt="bouton inscription" src="index_fichiers/LogoUTL2.png"></a></div>
			<p style="text-decoration: none;"> &nbsp; &nbsp; </p>
		</div><!-- Fin Colmilieu -->	
		<div id="coldroite" style="text-align: justify; color: rgb(153, 0, 0); font-family: Comic Sans MS;">
			<h2 class="xxlarge" style="font-weight: bold;">Le mot du président pour 2012</h2>
			<div class="larger">
				<p>Apprendre, toujours apprendre ; vivons curieux ; avec la
					connaissance, nous saurons. Nous ne nous défendrons que mieux, même si
					nous ne savons pas ou peu ; notre esprit restera éveillé à la
					communication. Mais savoir mal est pire qu'ignorer.<br>
					C'est par l'ignorance que les peuples sont manipulés, venez nombreux à
					nos conférences et débats vous en retirerez toujours une petite
					lumière, celle-ci vous sera toujours utile le moment venu. </p>
				<p>Le bureau fraîchement élu va cette année s'attacher à recevoir de
					nouveaux adhérents, il nous faut communiquer avec les médias et ceux
					qui nous entourent. </p>
				<p>Il me plaît de rêver, serons nous un jour de la même importance que
					les forteresses qui nous entourent (Châtelaudren ou Plouha), je les
					jalouse dans le bon sens. </p>
				<p>C'est notre ombre sur les choses qui fait notre tristesse, venez ;
					nous referons le monde ensemble s'il le faut, mais venez.<br>
					L'après des conférences sera suivi, dans un café Tagarin de notre
					ressenti où nous pourrons faire des échanges verbaux sur les séances
					passées ou à venir. </p>
				<p>Je ne serai pas, sans remercier André VIDEMENT, et toute l'équipe
					précédente ; ils ont oeuvré, ils ont fait du bel ouvrage.<br>
					Nous nous devons de continuer avec le même état d'esprit, savoir faire
					et faire savoir, nos décisions seront collégiales comme par le passé. </p>
				<p style="font-weight: bold;">Un rire est la lumière du visage, un
					sourire est la lumière du coeur.&nbsp; Alors sourions mais ensemble. </p>
				<div style="text-align: center;">
					<p style="text-align: justify;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						A bientôt &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b>Jean-Pierre
						<span style="font-weight: bold;"> VIDAMAN</span></b><br>
					</p>
				</div>
			<!-- Fin Div large --></div>
		<!-- Fin coldroite --></div>
	</div><!-- Fin "colreg" -->
</body></html>



A voir également:

2 réponses

Réponse 1 / 2
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 313
18 août 2012 à 00:03
J'ai vérifié dans notepad++ et les div correspondent sauf une mais elle colle avec un commentaire, donc fait attention à ne pas mettre de balise div dans tes commentaires sinon notepad s'y perd.

Pour être sûr de ne pas t'y perdre, indente ton code ! car si tu utilises la touche tabulation à bon escient, tu verras directement si ca colle ou pas.
0
Réponse 2 / 2
rjl Messages postés 543 Date d'inscription mardi 16 mars 2004 Statut Membre Dernière intervention 25 mai 2019 49
18 août 2012 à 11:46
Bonjour mimigenie,

Merci de ta réponse qui a résolu le problème !
je m'étais déjà rendu compte que les commentaires étaient mal respectés , dans le cadre de Kompozer je crois ; la question ne se pose plus puisque, malheureusement il n'existe plus et n'a pas de successeur gratuit ! Il me paraissait utile, non pour générer (il fallait en supprimer 75% après), mais pour les cadres de chaque div ou autre représentés par des pointillés et montrant parfaitement ce qui était alors à corriger lorsqu'un élément était rejeté en -dessous au lieu d'aller "à sa place".

Dans le cas présent je n'avais pas vu le problème de ce div passé en commentaire : j'avais mis quelques lignes en commentaires... pour y voir plus clair !
Mais il y avait, comme souvent, un autre perturbateur.

Encore merci et bon week-end RJL2818
0

Discussions similaires

Espace en HTML
baissaoui -
baissaoui -

0 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
MyTF1 "Un problème technique est survenu"
Sissi -
Claire -

4 réponses
Que veut dire <p>&nbsp;</p>?
quinn mallory -
prosthetiks -

3 réponses