Technique DIV mélangées en HTML
Résolu
rjl
Messages postés
591
Statut
Membre
-
rjl Messages postés 591 Statut Membre -
rjl Messages postés 591 Statut Membre -
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
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
& sociale dans une ambiance conviviale favorisant l'accès au
savoir, à 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> </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>
<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;"> </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. Alors sourions mais ensemble. </p>
<div style="text-align: center;">
<p style="text-align: justify;">
A bientôt <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:
- Technique DIV mélangées en HTML
- Editeur html - Télécharger - HTML
- Logiciel dessin technique gratuit - Télécharger - CAO-DAO
- Espace en html ✓ - Forum HTML
- Notice technique pdf - Guide
- Div c++ - Télécharger - Langages
2 réponses
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.
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.
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
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
