1 problème et une question

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

1 problème et une question

Message par Breat »

Bonjour,

j'ai fait mon site (une partie) avec Notepad++ et j'aimerai le continuer dans KompoZer v0.7.10, mais j'ai un soucis dans la vue source car je ne mi retrouve absolument pas:

Code dans Notepad++:

Code : Tout sélectionner

<!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" xml:lang="fr" >
	<head>
       <title>Breat’s Site: Accueil</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <meta name="verify-v1" content="cV0zyhptsCdu+jLCH14gvElC2CMlDHy5TGES0G3U2WM=" />
	   <link rel="Shortcut Icon" href="images/favicon.ico" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Bleu" href="bleu.css" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Bleu Animé" href="bleu_anime.css" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Rouge" href="rouge.css" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Rouge Animé" href="rouge_anime.css" />
   	<style type="text/css">
.style1 {
	text-align: center;
}
	.style8 {
		text-align: left;
	}
	.style9 {
		text-decoration: underline;
	}
	.style10 {
		text-align: right;
	}
	</style>
   </head>
 
   <body>
 
		<!-- L'en-tête -->
 
		<div id="en_tete">
           
		</div>
 
 		<!-- Debut Breat's Site Toolbar - Top Slider-->
 		<script src="http://hosting.conduit.com/Banners/TopSlider/TopSlider.js" type="text/jscript"> </script><script type="text/javaript"> var __ctid = 'CT2181531'; var __baseURL='http://www.conduit.com/'; var __downloadUrl='http://BreatsSite.OurToolbar.com/exe'; var __selectedColor='black'; var __opacity='97'; __TopSlide(); </script>
 		<!-- Fin Breat's Site Toolbar - Top Slider -->
		
		<!-- Debut Breat's Site Toolbar - Banner-->
		<table style='width:0px;border:0px;'><tr><td><script src="http://hosting.conduit.com/DrawToolbar/?ct=CT2181531&cover=2&culture=fr&exe=true" type=""></script></td></tr><tr><td style='font-size: 9px;font-family: Verdana;text-align: right;color:#888888'><a href='http://www.Conduit.com' style='text-decoration:none;color:#888888;'>toolbar</a> powered by Conduit</td></tr></table> 
		<!-- Fin Breat's Site Toolbar - Banner -->

		<!-- Le menu -->
 
		<div id="menu">        
			<div class="menu"> <!-- Cadre englobant tous les sous-menus -->
				<h3>Jeux par Navigateur</h3><br /> 
				<ul>
					<li><a href="actualites.htm">Actualit&eacute;s</a></li> <!-- Lien du sous-menu -->
					<li><a href="jeux.htm">Jeux</a></li> <!-- Lien du sous-menu -->
					<li><a href="ameliorations.htm">Am&eacute;liorations en ligne</a></li> <!-- Lien du sous-menu -->
					<li><a href="skins.htm">Skins des Jeux</a></li> <!-- Lien du sous-menu -->
					<li><a href="utilitaires.htm">Utilitaires</a></li> <!-- Lien du sous-menu -->
				</ul>
           </div>
       
           <div class="menu"> <!-- Cadre englobant tous les sous-menus -->
				<h3>Informations</h3><br /> 
				<ul>
					<li><a href="cv.htm">Mon CV</a></li> <!-- Lien du sous-menu -->
					<li><a href="offres.htm">Offres Commerciales</a></li> <!-- Lien du sous-menu -->
					<li><a href="partenariat.htm">Partenariat</a></li> <!-- Lien du sous-menu -->
					<li><a href="sites.htm">Sites Propri&eacute;taires</a></li> <!-- Lien du sous-menu -->
					<li><a href="generateurs.htm">G&eacute;n&eacute;rateurs</a></li> <!-- Lien du sous-menu -->
				</ul>
           </div>
           
           <div class="menu"> <!-- Cadre englobant tous les sous-menus -->
				<h3>T&eacute;l&eacute;chargements</h3><br /> 
				<ul>
					<li><a href="logiciels.htm">Logiciels Gratuits</a></li> <!-- Lien du sous-menu -->
					<li><a href="extensions.htm">Mozilla Firefox Extensions</a></li> <!-- Lien du sous-menu -->
				</ul>
           </div>
           
           <div class="menu"> <!-- Cadre englobant tous les sous-menus -->
				<h3>Contact</h3><br /> 
				<ul>
					<li><a href="chat.htm">Chat</a></li> <!-- Lien du sous-menu -->
					<li><a href="forum/index.php">Forum</a></li> <!-- Lien du sous-menu -->
					<li><a href="countus.htm">Statistiques CountUs</a></li> <!-- Lien du sous-menu -->
					<li><a href="contact.htm">Contact</a></li> <!-- Lien du sous-menu -->
				</ul>
					<!-- Début ClustrMaps -->
					<a href="http://www4.clustrmaps.com/counter/maps.php?url=http://breatsite.fr" id="clustrMapsLink"><img src="http://www4.clustrmaps.com/counter/index2.php?url=http://breatsite.fr" style="border-style: none; border-color: inherit; border-width: 0px; float: right;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg"/></a>&nbsp;
					<!-- Fin ClustrMaps -->
           </div>
           
		</div>

		<!-- Le corps -->
 
        <div id="corps">
        	       
            <h1 class="style8">Accueil </h1>
       
			<!--DEBUT Google Search -->
			<form action="http://www.google.com/cse" id="cse-search-box">
  				<div class="style1">
    				&nbsp;<input type="hidden" name="cx" value="006114476021496640829:huwsmbfjvye" /><input type="hidden" name="ie" value="UTF-8" /><a href="http://www.google.com/coop/cse?cx=006114476021496640829%3Ahuwsmbfjvye"><img alt="google" height="32" src="images/google.gif" width="75" /></a><input type="text" name="q" size="31" />
    				<input type="submit" name="sa" value="Rechercher" />
  				</div>
			</form>

			<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=fr"></script>
			<!--FIN Google Search -->

			<h2><img src="images/titre.png" alt="titre" height="30" width="30"/> Bienvenue sur Breat’s Site!</h2>

			<p>
				Je suis Breat &eacute;tudiant en Informatique et membre de divers Jeux par Navigateur.<br />
				J’ai fait ce site pour faire connaitre au plus nombreux les merveilles d’internet et des jeux qui s’y situent.<br />
			</p>
				
			<p>
				&nbsp;J’ai &eacute;galement cr&eacute;&eacute; jusqu'&agrave; maintenant 3 skins: 2 pour OGame et 1 pour  SpeedSim (un utilitaire qui permet de&nbsp;&nbsp; faire de la Simulation de combat pour OGame). Pour avoir un aper&ccedil;u de 
				mes skins rendez-vous sur la page skin du site.<br />
				Aimant les jeux vid&eacute;o j’ai &eacute;galement mis en place une page dédi&eacute;e à l'actualit&eacute; des jeux vid&eacute;o et des patchs dans la section Actualit&eacute;s.<br />
			</p>
      
			<p>
				J’aime particulièrement bien les chanteuses de J-Pop (diminutif 
				de "Pop Japonaise") et principalement "<strong>Ayumi Hamasaki (浜崎あゆみ)</strong>", donc si vous d&eacute;sirez d&eacute;couvrir ce style de musique en image, rendez-vous sur le forum, n’hésitez pas à donner votre avis.<br />
			</p>
				
			<p>
				<strong>Breat’s Site</strong> a fait l’acquisition d'un forum, vous permettant ainsi par exemple de me demander de l’aide en informatique et de parler du site en lui m&ecirc;me, de donner vos avis et suggestions ou de parler de ce que vous voulez et bien entendu de visionner et t&eacute;l&eacute;charger les vid&eacute;os directement depuis celui-ci.<br />
			</p>
    
   			<p>
				<strong>Breat’s Site</strong> a dor&eacute;navant sa <strong>Toolbar officielle</strong> (barre d’outils), n’h&eacute;sitez pas à l’installer, elle vous facilitera la navigation sur internet.<br />
			</p>

    
			<p>
				Afin de vous permettre de visualiser toutes les vid&eacute;os, animations 
				et fichiers de mon site et de mon forum vous aurez besoin des plugins 
				<a href="http://www.adobe.com/go/FR-H-GET-FLASH">Adobe Flash Player</a>,
				<a href="files/softs/full/adobe_reader.exe">Adobe Reader</a>,
				<a href="files/softs/full/divxwebplayer.exe">DivX Web Player</a> 
				et <a href="files/softs/full/microsoft_silverlight.exe">Microsoft Silverlight</a>.<br />
				</p>
			<p>
				Pour changer le skin (habillage) du site, merci d'installer l'addon 
				pour Mozilla Firefox
				<a href="files/addons/extensions/stylesheet_chooser_plus.xpi">StyleSheet Chooser Plus</a>.<br /><br />
				
				Pour aider au paiement de l’h&eacute;bergement, faites un don (paiement s&eacute;curis&eacute; par PayPal) en cliquant sur l’image <span class="style9">Faire un don</span> en forme de carte bancaire en pied de page.<br /><br />
				
				<strong>NEWS !!!</strong><br /><br />
				
				Au menu de cette 3<sup>&egrave;me</sup> version, on peut y trouver les choses suivantes:<br /><br />
				
				- site optimis&eacute; pour Mozilla Firefox, mais pour ne pas d&eacute;laisser les utilisateurs d’Internet Explorer, certaines choses ne s’afficheront qu’avec ce navigateur.<br />
				- 4 nouvelles interfaces faites par mes soins. (Pour les utilisateurs d’Internet Explorer, il faut cliquer sur Page, Style, et choisir celui désiré).<br />
				- plus de clart&eacute;.<br />
				- plus de contenus.<br />
				- plus de choses à t&eacute;l&eacute;charger.<br />
				- code respectant les standards de W3C comme vous pouvez le voir avec les logos en pied de page.<br />
				- toujours plus d’aide et conseils pour Ikariam, OGame, Travian et l’informatique en g&eacute;n&eacute;ral.<br />
				- un syst&egrave;me de notation pour les visiteurs s&ucirc;r et fiable via Weborama.<br />
				- site h&eacute;berg&eacute; chez one.com en Norv&egrave;ge, pour un d&eacute;bit maximal.<br />
				- et bien d’autres encore, mais regardez plut&ocirc;t par vous m&ecirc;me.<br /><br />
				
				Merci de bien vouloir noter mon site en cliquant sur le logo rouge <span class="style9">Weborama</span> en pied de page.<br /><br />
				
				Bonne visite.
				</p>
		</div>
 
		<div id="pied_de_page">
			
			<div class="style1">				
				<!-- Debut PayPal -->
           		<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
				<input type="hidden" name="cmd" value="_s-xclick"/>
				<input type="hidden" name="hosted_button_id" value="975023"/>
				<input type="image" src="http://breatsite.fr/images/donate.png" name="submit" alt="Faire un don"/>
				<img alt="" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1"/>
				<!-- Fin PayPal -->
				
				<!-- Mon compteur de vote Weborama -->
				<a href="http://www.weborama.fr/?id_vote=373670" target="_top"><img src="images/vote.gif" alt="vote"/></a> 
				<!-- fin de mon code-->
				
				<!-- DEBUT DU CODE COUNTUS -->
				<a href="http://www.countus.fr/" class="mainLinkCSOnline">compteur visiteur</a>
				<script type="text/javascript">
				<!--
				today = new Date;
				sec = today.getTime();
				document.write('<scr'+'ipt type="text/javascript" src="http://countus1.editeurjavascript.com/countus.php3?pseudo=breat44&timer=')
				document.write(sec)
				document.write('&present=2"><\/scr'+'ipt>')
				//-->
				</script>
				<!-- FIN DU CODE COUNTUS -->
				</form>
			</div>
									
			 <!--DEBUT W3C XHTML 1.0 Transitional Validator -->
					<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbreatsite.fr">
					<img style="border:0;width:88px;height:31px" src="images/valid-xhtml10.png" alt="Valid XHTML 1.0 Transitional" /></a>
			<!--FIN W3C XHTML 1.0 Transitional Validator -->
	
				<!--DEBUT WEBOSCOPE FREE - Weborama -->
					<script type="text/javascript">
						//<![CDATA[
							WEBO_ZONE=1;
               				WEBO_PAGE=1;
               				webogold_ok=0;
						//]]>
					</script> <script type="text/javascript" src="http://script.weborama.fr/gold.js">
					</script> <script type="text/javascript">
						//<![CDATA[
               		 		if(webogold_ok==1){webogold_zpi(WEBO_ZONE,WEBO_PAGE,373670);}
						//]]>
					</script>
					<noscript><a href="http://www.weboscope.com">Weboscope</a> mesure d'audience, statistiques, ROI<br />
					<a href="http://www.weborama.fr">Classement des meilleurs sites</a> et positionnement </noscript>
				<!--FIN WEBOSCOPE FREE - Weborama -->
				
				<!--DEBUT W3C CSS v2.1 Validator -->
				<a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbreatsite.fr%2FBleu.css&profile=css21&usermedium=all&warning=1">
        		<img style="border:0;width:88px;height:31px" src="images/valid-css2.png" alt="CSS Valide !" /></a>&nbsp;
				<!--FIN W3C CSS v2.1 Validator -->
				
				<!-- DEBUT TOOLBAR COUNTER -->
					<script src="http://hosting.conduit.com//Banners/Counters/CounterBanner.js" type="text/jscript"></script> <script type="">var __culture='fr';var __bannerBaseUrl = 'http://hosting.conduit.com/'; var __counterType = 'Textual';var __ctid = 'CT2181531'; var __counterKey = '3ae4236b7ce3933aaef19827d8c782a3';  var __downloadUrl = 'http://BreatsSite.OurToolbar.com/exe'; __CreateToolbarCounter();</script>	
				<!-- DEBUT TOOLBAR COUNTER -->
			
			<p class="style1">Site optimis&eacute; pour <a href="http://www.mozilla-europe.org">Firefox</a><br />
			&copy; 2008-2009 Breat’s Site - www.breatsite.fr - Design: Breat, Tous droits r&eacute;serv&eacute;s - H&eacute;berg&eacute; par <a href="http://www.one.com/fr">one.com</a>.</p>
		</div>
	
	</body>
</html>
Je sais ça fait très débutant mais au moins je sais où je suis.

Code dans KompoZer:

Code : Tout sélectionner

<!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" xml:lang="fr"
 lang="fr-fr"><head> <title>Breat’s Site: Accueil</title><meta
 http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1" /> <meta
 name="verify-v1"
 content="cV0zyhptsCdu+jLCH14gvElC2CMlDHy5TGES0G3U2WM=" /> <link
 rel="Shortcut Icon" href="images/favicon.ico" /> <link
 rel="stylesheet" media="screen" type="text/css"
 title="Bleu" href="bleu.css" /> <link
 rel="stylesheet" media="screen" type="text/css"
 title="Bleu Animé" href="bleu_anime.css" /> <link
 rel="stylesheet" media="screen" type="text/css"
 title="Rouge" href="rouge.css" /> <link
 rel="stylesheet" media="screen" type="text/css"
 title="Rouge Animé" href="rouge_anime.css" /> <style
 type="text/css">
.style1 {
	text-align: center;
}
	.style8 {
		text-align: left;
	}
	.style9 {
		text-decoration: underline;
	}
	.style10 {
		text-align: right;
	}
	</style></head>
<body style="direction: ltr;"><!-- L'en-tête --> <div
 id="en_tete"> </div><!-- Debut Breat's Site Toolbar - Top Slider--> <script
 src="http://hosting.conduit.com/Banners/TopSlider/TopSlider.js"
 type="text/jscript"> </script><script
 type="text/javaript"> var __ctid = 'CT2181531'; var __baseURL='http://www.conduit.com/'; var __downloadUrl='http://BreatsSite.OurToolbar.com/exe'; var __selectedColor='black'; var __opacity='97'; __TopSlide(); </script>
<!-- Fin Breat's Site Toolbar - Top Slider --><!-- Debut Breat's Site Toolbar - Banner--> <table
 style="border: 0px none ; width: 0px;"><tbody><tr><td><script
 src="http://hosting.conduit.com/DrawToolbar/?ct=CT2181531&cover=2&culture=fr&exe=true"
 type=""></script></td></tr><tr><td
 style="font-size: 9px; font-family: Verdana; text-align: right; color: rgb(136, 136, 136);"><a
 href="http://www.Conduit.com"
 style="text-decoration: none; color: rgb(136, 136, 136);">toolbar</a>
powered by Conduit</td></tr></tbody></table><!-- Fin Breat's Site Toolbar - Banner --><!-- Le menu --> <div
 id="menu"> <div class="menu"><!-- Cadre englobant tous les sous-menus --> <h3>Jeux
par Navigateur</h3><br /> <ul> <li><a
 href="actualites.htm">Actualités</a></li><!-- Lien du sous-menu --> <li><a
 href="jeux.htm">Jeux</a></li><!-- Lien du sous-menu --> <li><a
 href="ameliorations.htm">Améliorations en ligne</a></li>
<!-- Lien du sous-menu --> <li><a
 href="skins.htm">Skins des Jeux</a></li><!-- Lien du sous-menu --> <li><a
 href="utilitaires.htm">Utilitaires</a></li><!-- Lien du sous-menu --> </ul>
</div> <div class="menu"><!-- Cadre englobant tous les sous-menus --> <h3>Informations</h3><br />
<ul> <li><a href="cv.htm">Mon CV</a></li>
<!-- Lien du sous-menu --> <li><a
 href="offres.htm">Offres Commerciales</a></li><!-- Lien du sous-menu --> <li><a
 href="partenariat.htm">Partenariat</a></li><!-- Lien du sous-menu --> <li><a
 href="sites.htm">Sites Propriétaires</a></li><!-- Lien du sous-menu --> <li><a
 href="generateurs.htm">Générateurs</a></li><!-- Lien du sous-menu --> </ul>
</div> <div class="menu"><!-- Cadre englobant tous les sous-menus --> <h3>Téléchargements</h3><br />
<ul> <li><a href="logiciels.htm">Logiciels
Gratuits</a></li><!-- Lien du sous-menu --> <li><a
 href="extensions.htm">Mozilla Firefox Extensions</a></li>
<!-- Lien du sous-menu --> </ul> </div> <div
 class="menu"><!-- Cadre englobant tous les sous-menus --> <h3>Contact</h3><br />
<ul> <li><a href="chat.htm">Chat</a></li>
<!-- Lien du sous-menu --> <li><a
 href="forum/index.php">Forum</a></li><!-- Lien du sous-menu --> <li><a
 href="countus.htm">Statistiques CountUs</a></li>
<!-- Lien du sous-menu --> <li><a
 href="contact.htm">Contact</a></li><!-- Lien du sous-menu --> </ul>
<!-- Début ClustrMaps --> <a
 href="http://www4.clustrmaps.com/counter/maps.php?url=http://breatsite.fr"
 id="clustrMapsLink"><img
 src="http://www4.clustrmaps.com/counter/index2.php?url=http://breatsite.fr"
 style="border: 0px none inherit; float: right;"
 alt="Locations of visitors to this page"
 title="Locations of visitors to this page" id="clustrMapsImg" /></a>&nbsp;
<!-- Fin ClustrMaps --> </div> </div><!-- Le corps --> <div
 id="corps"> <h1 class="style8">Accueil </h1>
<!--DEBUT Google Search --> <form
 action="http://www.google.com/cse" id="cse-search-box">
<div class="style1"> &nbsp;<input name="cx"
 value="006114476021496640829:huwsmbfjvye" type="hidden" /><input
 name="ie" value="UTF-8" type="hidden" /><a
 href="http://www.google.com/coop/cse?cx=006114476021496640829%3Ahuwsmbfjvye"><img
 alt="google" src="images/google.gif" height="32"
 width="75" /></a><input name="q" size="31"
 type="text" /> <input name="sa" value="Rechercher"
 type="submit" /> </div> </form> <script
 type="text/javascript"
 src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=fr"></script>
<!--FIN Google Search --> <h2><img
 src="images/titre.png" alt="titre" height="30"
 width="30" /> Bienvenue sur Breat’s Site!</h2> <p>
Je suis Breat étudiant en Informatique et membre de divers Jeux par
Navigateur.<br /> J’ai fait ce site pour faire connaitre au plus
nombreux les merveilles d’internet et des jeux qui s’y situent.<br />
</p> <p> &nbsp;J’ai également créé jusqu'à maintenant
3 skins: 2 pour OGame et 1 pour SpeedSim (un utilitaire qui permet
de&nbsp;&nbsp; faire de la Simulation de combat pour OGame).
Pour avoir un aperçu de mes skins rendez-vous sur la page skin du site.<br />
Aimant les jeux vidéo j’ai également mis en place une page dédiée à
l'actualité des jeux vidéo et des patchs dans la section Actualités.<br />
</p> <p> J’aime particulièrement bien les chanteuses de
J-Pop (diminutif de "Pop Japonaise") et principalement "<strong>Ayumi
Hamasaki (浜崎あゆみ)</strong>", donc si vous désirez découvrir ce
style de musique en image, rendez-vous sur le forum, n’hésitez pas à
donner votre avis.<br /> </p> <p> <strong>Breat’s
Site</strong> a fait l’acquisition d'un forum, vous permettant
ainsi par exemple de me demander de l’aide en informatique et de parler
du site en lui même, de donner vos avis et suggestions ou de parler de
ce que vous voulez et bien entendu de visionner et télécharger les
vidéos directement depuis celui-ci.<br /> </p> <p> <strong>Breat’s
Site</strong> a dorénavant sa <strong>Toolbar officielle</strong>
(barre d’outils), n’hésitez pas à l’installer, elle vous facilitera la
navigation sur internet.<br /> </p> <p> Afin de
vous permettre de visualiser toutes les vidéos, animations et fichiers
de mon site et de mon forum vous aurez besoin des plugins <a
 href="http://www.adobe.com/go/FR-H-GET-FLASH">Adobe Flash
Player</a>, <a href="files/softs/full/adobe_reader.exe">Adobe
Reader</a>, <a href="files/softs/full/divxwebplayer.exe">DivX
Web Player</a> et <a
 href="files/softs/full/microsoft_silverlight.exe">Microsoft
Silverlight</a>.<br /> </p> <p> Pour changer
le skin (habillage) du site, merci d'installer l'addon pour Mozilla
Firefox <a
 href="files/addons/extensions/stylesheet_chooser_plus.xpi">StyleSheet
Chooser Plus</a>.<br /><br /> Pour aider au paiement
de l’hébergement, faites un don (paiement sécurisé par PayPal) en
cliquant sur l’image <span class="style9">Faire un don</span>
en forme de carte bancaire en pied de page.<br /><br /> <strong>NEWS
!!!</strong><br /><br /> Au menu de cette 3<sup>ème</sup>
version, on peut y trouver les choses suivantes:<br /><br />
- site optimisé pour Mozilla Firefox, mais pour ne pas délaisser les
utilisateurs d’Internet Explorer, certaines choses ne s’afficheront
qu’avec ce navigateur.<br /> - 4 nouvelles interfaces faites par
mes soins. (Pour les utilisateurs d’Internet Explorer, il faut cliquer
sur Page, Style, et choisir celui désiré).<br /> - plus de clarté.<br />
- plus de contenus.<br /> - plus de choses à télécharger.<br />
- code respectant les standards de W3C comme vous pouvez le voir avec
les logos en pied de page.<br /> - toujours plus d’aide et
conseils pour Ikariam, OGame, Travian et l’informatique en général.<br />
- un système de notation pour les visiteurs sûr et fiable via Weborama.<br />
- site hébergé chez one.com en Norvège, pour un débit maximal.<br />
- et bien d’autres encore, mais regardez plutôt par vous même.<br /><br />
Merci de bien vouloir noter mon site en cliquant sur le logo rouge <span
 class="style9">Weborama</span> en pied de page.<br /><br />
Bonne visite. </p> </div> <div id="pied_de_page">
<div class="style1"><!-- Debut PayPal --> <form
 action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input name="cmd" value="_s-xclick" type="hidden" />
<input name="hosted_button_id" value="975023"
 type="hidden" /> <input
 src="http://breatsite.fr/images/donate.png" name="submit"
 alt="Faire un don" type="image" /> <img alt=""
 src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" height="1"
 width="1" /><!-- Fin PayPal --><!-- Mon compteur de vote Weborama --> <a
 href="http://www.weborama.fr/?id_vote=373670" target="_top"><img
 src="images/vote.gif" alt="vote" /></a><!-- fin de mon code--><!-- DEBUT DU CODE COUNTUS --> <a
 href="http://www.countus.fr/" class="mainLinkCSOnline">compteur
visiteur</a> <script type="text/javascript">
				<!--
				today = new Date;
				sec = today.getTime();
				document.write('<scr'+'ipt type="text/javascript" src="http://countus1.editeurjavascript.com/countus.php3?pseudo=breat44&timer=')
				document.write(sec)
				document.write('&present=2"><\/scr'+'ipt>')
				//-->
				</script>
<!-- FIN DU CODE COUNTUS --> </form> </div><!--DEBUT W3C XHTML 1.0 Transitional Validator --> <a
 href="http://validator.w3.org/check?uri=http%3A%2F%2Fbreatsite.fr">
<img style="border: 0pt none ; width: 88px; height: 31px;"
 src="images/valid-xhtml10.png"
 alt="Valid XHTML 1.0 Transitional" /></a><!--FIN W3C XHTML 1.0 Transitional Validator --><!--DEBUT WEBOSCOPE FREE - Weborama --> <script
 type="text/javascript">
						//<![CDATA[
							WEBO_ZONE=1;
               				WEBO_PAGE=1;
               				webogold_ok=0;
						//]]>
					</script>
<script type="text/javascript"
 src="http://script.weborama.fr/gold.js">
					</script>
<script type="text/javascript">
						//<![CDATA[
               		 		if(webogold_ok==1){webogold_zpi(WEBO_ZONE,WEBO_PAGE,373670);}
						//]]>
					</script>
<noscript><a
href="http://www.weboscope.com">Weboscope</a> mesure
d'audience, statistiques, ROI<br /> <a
href="http://www.weborama.fr">Classement des meilleurs
sites</a> et positionnement </noscript><!--FIN WEBOSCOPE FREE - Weborama --><!--DEBUT W3C CSS v2.1 Validator --> <a
 href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbreatsite.fr%2FBleu.css&profile=css21&usermedium=all&warning=1">
<img style="border: 0pt none ; width: 88px; height: 31px;"
 src="images/valid-css2.png" alt="CSS Valide !" /></a>&nbsp;
<!--FIN W3C CSS v2.1 Validator --><!-- DEBUT TOOLBAR COUNTER --> <script
 src="http://hosting.conduit.com//Banners/Counters/CounterBanner.js"
 type="text/jscript"></script> <script type="">var __culture='fr';var __bannerBaseUrl = 'http://hosting.conduit.com/'; var __counterType = 'Textual';var __ctid = 'CT2181531'; var __counterKey = '3ae4236b7ce3933aaef19827d8c782a3';  var __downloadUrl = 'http://BreatsSite.OurToolbar.com/exe'; __CreateToolbarCounter();</script>
<!-- DEBUT TOOLBAR COUNTER --> <p class="style1">Site
optimisé pour <a href="http://www.mozilla-europe.org">Firefox</a><br />
© 2008-2009 Breat’s Site - www.breatsite.fr - Design: Breat, Tous
droits réservés - Hébergé par <a href="http://www.one.com/fr">one.com</a>.</p>
</div> </body></html>
tout est collé et je sais pas du tout où je suis (je visualise dans ma tête le site quand je tape le code, entre autre) avez vous une solution pour éviter que tout ce colle?

et pour la question:

mon site à 4 skins (par CSS), j'aimerai faire un menu déroulant pour changer le skin, le problème c'est que je ne sais pas comment faire. enfin pour le menu déroulant je peut me débrouiller, mais lors de mon précédent essai j'avais beau cliquer sur un autre skin dans le menu, ça ne changeait rien.

Pouvez-vous m'aider pour ces 2 choses?

Merci beaucoup

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10 (.NET CLR 3.5.30729)
KompoZer v0.7.10
ImageImage
Gagea
Iguane
Messages : 627
Inscription : 20 juil. 2008, 10:25

Message par Gagea »

Bonjour,
As-tu installé Tidy ? Ce petit programme t'indente le code automatiquement dès que tu passes dans l'Editeur.
http://josar.free.fr/tutoKompozer/kompozerInstal.html

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10
Un tuto pour débuter avec Kompozer : Initiation Internet : Kompozer et CSS
Un tuto d'exercices : Apprendre Kompozer
ToutiWeb
Lézard à collerette
Messages : 327
Inscription : 19 août 2008, 17:51

Message par ToutiWeb »

pour le code je ne peux t'aider mais gagea est toujours de bons conseils ! :wink:

sinon j'ai posté aussi un post pour pourvoir faire un changement de style css ... :lol:
alors si tu trouves la solution je suis preneuse :oops: :wink: , le premier la donne à l'autre ok ? :P :wink:

perso j'y travaille encore. :roll:
Bon courage et bonne continuation :!:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10
Sebaz
Gecko
Messages : 72
Inscription : 30 nov. 2004, 04:47

Re: 1 problème et une question

Message par Sebaz »

Extrait du message de flore: Comment fonctionne KompoZer -ex NVU (FAQ)
Flore a écrit : Comment fonctionne Nvu, plus en détail :
L'utilisateur dispose son texte, ses images, ses tableaux et derrière Nvu écrit le code. C'est son mode de fonctionnement normal. Quand on ouvre un fichier existant avec Nvu : Nvu l'interprète pour l'afficher en wysiwyg et met tout votre code à la poubelle. Quand vous regardez à nouveau l'onglet source, vous voyez le code que Nvu vient de réécrire à la volée d'après le DOM de votre document.
D'où forcément :
  • Une interprétation parfois mauvaise des éléments non HTML (php inclus, javascript et de code exotique)
  • Une perte totale, définitive et irréversible de la magnifique indentation de votre code que vous aviez passé 4 heures à faire.
  • Une impossibilité définitive de conserver la "mise en forme" de votre code, puisque tout a été jeté par la fenêtre, même en cochant une case.
  • Une impossibilité de changer le doctype à la main.
Nvu travaille non pas sur le code, mais sur le DOM (Document Object Model), il ne fait pas le chemin code :arrow: aperçu mais très exactement l'inverse : aperçu :arrow: code.

La question n'est pas "Fais voir ce qu'affichera mon code (ça c'est un navigateur qui doit le faire)" mais "Fais voir le code que tu as fait pour rendre mon projet". Ce qui n'est pas du tout la même chose...

Nvu est fait pour que l'utilisateur "dessine" sa page web et ne rentre pas dans le code. Par exemple, pour mettre un morceau de code php dans Nvu, vous ne devriez pas triturer le source, mais faire insérer :arrow: code php ; comme ça Nvu le met comme il faut, où il faut et il n'y aura jamais de problèmes plus tard.

Et si, moi, j'aime mon code comme ça ? Et que je ne veux pas que Nvu y touche :
Alors il faut utiliser un éditeur de code HTML avec coloration syntaxique. Et pas Nvu.
Breat a écrit :avez vous une solution pour éviter que tout ce colle?
Dans mon cas, quand je doit travailler à la main le code d'une page faite avec kompozer, je prend mon éditeur avec coloration syntaxique et fait un peu de ménage dans la section que j'ai à travailler pour m'y retrouver. Ensuite je travaille mon code en sachant que la prochaine fois que je vais ré-ouvrir ma page avec kompozer, il va tout remettre le code à sa manière.




Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr-FR; rv:1.8.1.20) Gecko/20081217 Firefox/2.0.0.20
Ma configuration

Adoptez vous aussi un gentil OOozilla

Image
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

Merci beaucoup pour ces réponses.

en effet j'ai bien installé Tidy.

@ToutiWeb: moi j'ai un peu abandonné, j'ai préciser sur la page d'accueil d'utiliser l'extension StyleSheet Chooser Plus pour firefox, sinon je précise la marche à suivre sous IE.
Sebaz a écrit :Extrait du message de flore: Comment fonctionne KompoZer -ex NVU (FAQ)
Flore a écrit : Comment fonctionne Nvu, plus en détail :
L'utilisateur dispose son texte, ses images, ses tableaux et derrière Nvu écrit le code. C'est son mode de fonctionnement normal. Quand on ouvre un fichier existant avec Nvu : Nvu l'interprète pour l'afficher en wysiwyg et met tout votre code à la poubelle. Quand vous regardez à nouveau l'onglet source, vous voyez le code que Nvu vient de réécrire à la volée d'après le DOM de votre document.
D'où forcément :
  • Une interprétation parfois mauvaise des éléments non HTML (php inclus, javascript et de code exotique)
  • Une perte totale, définitive et irréversible de la magnifique indentation de votre code que vous aviez passé 4 heures à faire.
  • Une impossibilité définitive de conserver la "mise en forme" de votre code, puisque tout a été jeté par la fenêtre, même en cochant une case.
  • Une impossibilité de changer le doctype à la main.
Nvu travaille non pas sur le code, mais sur le DOM (Document Object Model), il ne fait pas le chemin code :arrow: aperçu mais très exactement l'inverse : aperçu :arrow: code.

La question n'est pas "Fais voir ce qu'affichera mon code (ça c'est un navigateur qui doit le faire)" mais "Fais voir le code que tu as fait pour rendre mon projet". Ce qui n'est pas du tout la même chose...

Nvu est fait pour que l'utilisateur "dessine" sa page web et ne rentre pas dans le code. Par exemple, pour mettre un morceau de code php dans Nvu, vous ne devriez pas triturer le source, mais faire insérer :arrow: code php ; comme ça Nvu le met comme il faut, où il faut et il n'y aura jamais de problèmes plus tard.

Et si, moi, j'aime mon code comme ça ? Et que je ne veux pas que Nvu y touche :
Alors il faut utiliser un éditeur de code HTML avec coloration syntaxique. Et pas Nvu.
Même si on coche dans les paramètres "ne pas reformater le code", sinon il y a pas moyen de l'en empècher?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10 (.NET CLR 3.5.30729)
KompoZer v0.7.10
ImageImage
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité