Aide pour un script <html>

Fermé

sidmoh Messages postés 106 Date d'inscription mardi 11 novembre 2008 Statut Membre Dernière intervention 2 novembre 2011 - Modifié par sidmoh le 2/11/2011 à 18:35
Pepito One Messages postés 222 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 8 novembre 2011 - 3 nov. 2011 à 10:39

bonjours je suis entrain de faire un site test en html, et je veux parexemble que quand je click par exemple sur "contact" dans mon menue, que la feuille "contact.html" soit affiché sur la page courante , c'est a dire dans ma <div> contenue, et pareil pour les autres pages
je vous donne mon code

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 
<head> 
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
 <title> 
  mon site de test 
 </title> 
 <!-- La feuille de styles "base.css" doit être appelée en premier. --> 
 <link rel="stylesheet" type="text/css" href="styles/base.css" media="all" /> 
 <link rel="stylesheet" type="text/css" href="styles/modele02.css" media="screen" /> 
 <script type="text/javascript" src="carrousel/jquery.js"></script> 
    <script type="text/javascript" src="carrousel/carrousel.js"></script> 
 <link rel="stylesheet" href="carrousel/carrousel.css" type="text/css" media="screen" /> 
</head> 

<body> 

<div id="global"> 

 <div id="entete"> 
 <!-- le caroussel --> 
  <div id="conteneur"> 
     <div id="carrousel"> 
 <div id="slide1" class="slide"> 
     <div class="visu"> 
  <img src="carrousel/img/slide1.jpg"/> 
     </div> 
      
 </div> 
  
 <div id="slide2" class="slide"> 
     <div class="visu"> 
  <img src="carrousel/img/slide2.jpg"/> 
     </div> 
 </div> 
  
  
 <div id="slide3" class="slide"> 
     <div class="visu"> 
  <img src="carrousel/img/slide3.jpg"/> 
     </div> 
 </div> 
  
     </div> 
  <!-- #fin caroussel --> 
  </div> 
</body> 
 </div><!-- #entete --> 
  
 <div id="navigation"> 
  <ul> 
   <li class="gauche"><a href="acc.html">Accueil</a></li> 
   <li class="gauche"><a href="qns.html">Qui nous sommes</a></li> 
   <li class="gauche"><a href="photo.html">Photo</a></li> 
   <li class="gauche"><a href="cal.html">Calendrier de réservation</a></li> 
   <li class="gauche"><a href="contact.html">Contact</a></li> 
  </ul> 
 </div><!-- #navigation --> 
 <br/> 
 <div id="contenu"> 
  
 </div><!-- #contenu --> 
 <br/> 

 <div id="pied"> 
   
  <p id="copyright"> 
   Copyright© 2011  All Rights Reserved. 
  </p> 
 </div><!-- #pied --> 

</div><!-- #global --> 

</body> 
</html>

quelqu'un peut m'aider svp
je vous remercie d'avance.

A voir également:

Aide pour un script <html>
Script vidéo youtube - Guide
Editeur html - Télécharger - HTML
Br html ✓ - Forum Webmastering
&Nbsp html - Forum HTML
Balise </br> - Forum HTML

3 réponses

Réponse 1 / 3

toa
2 nov. 2011 à 21:39

Bonjour,
Dans un div ce n'est pas possible(ou alors utiliser du javascript pour changer le texte) il vous faut utiliser
_soit une frame: Un groupe de pages html réunies sur une seule(méthode fortement dépréciée et peu recommandée à cause de nombreux problèmes d'affichage et de référencements).
_soit avec une iframe(balise html) qui permet d'incorporer une autre page(avec les mêmes problèmes que la frame).

En fait quel est votre but, si vous faites des tests mieux vaudrait commencer par les bases et le faire aux normes du web... ou alors perfectionnez javascript et php.

Réponse 2 / 3

visibility:hidden Messages postés 249 Date d'inscription samedi 24 septembre 2011 Statut Membre Dernière intervention 24 février 2012 46
3 nov. 2011 à 10:29

Si c'est dans la page courante, ce ne sera pas une nouvelle page (sic). Par contre tu peux dans un <div> afficher des contenus associés à un lien #ancre grace à la pseudo-class " target ".

Exemple, dans ta page index.html tu cliques sur un lien " index.html#contact " et tu affiches dans le <div> de contenu le texte associé à la fausse page contact, en utilisant l'attribut " target ".

Réponse 3 / 3

Pepito One Messages postés 222 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 8 novembre 2011 37
3 nov. 2011 à 10:39

Tu peux essayer ça :

<div id="contener"">

<table style="float:left" width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="contact.html" target="fenetre">accueil</a></td>
</tr>
</table>

<div id="frame">
<iframe style="overflow:hidden; margin-top:20px; width:766px; height:750px;" scrolling="no" name="fenetre" src="accueil.php" frameborder="0"></iframe>
</div>

</div>

Normalement on doit utiliser la balise <object> à la place de <iframe> mais il y a des problèmes avec les navigateurs IE.

Discussions similaires

la balise <br> ou <br />

Problème Avast "HTML:Script-inf"

Espace en HTML

Que veut dire <p> </p>?