Regroupement de plusieurs pages htm en une seule

Résolu
vhalter Messages postés 29 Date d'inscription mardi 26 janvier 2010 Statut Membre Dernière intervention 1 novembre 2018 - 3 sept. 2008 à 08:20
 @karamel - 5 sept. 2008 à 22:24
Bonjour à tous,

J'ai créé un site web pour la vente de ma maison.
J'ai crée aussi une page pour une visite virtuelle. http://maison08.free.fr/Menu/fr-visite-SAM.htm

Je souhaiterai que cette page soit unique....ce que je veux dire c'est que j'ai créé un fichier html par pièce alors que je voudrai un unique fichier pour toutes les pièces et quand dans celle-ci il y ai un genre de rollover quand je clique sur le nom des pièces. (pas façile à expliquer)

Voilà ce que j'ai actuellement, je l'ai fait avec Expression Web:

<!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">


<!-- #BeginTemplate "Fr-menu.dwt" -->


<head>
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- #ParentBeginEditable "doctitle" -->
<!-- #BeginEditable "doctitle" -->
<title>Menu-fr</title>
<!-- #EndEditable -->
<style type="text/css">
.style5 {
 text-align: left;
 border: 0 solid #00FF00;
 background-color: #EAFFEA;
}
.style6 {
 border: 0 solid #00FF00;
 background-color: #EAFFEA;
 font-size: medium;
}
.style8 {
 font-size: medium;
 color: #0099FF;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 border: 0 solid #00FF00;
 background-color: #EAFFEA;
}
.style21 {
 text-align: left;
 margin-left: 400px;
}
.style22 {
 text-align: left;
 margin-left: 440px;
}
.style24 {
 background-color: #EAFFEA;
}
</style>
<!-- #ParentEndEditable -->
<style type="text/css">
.style5 {
 text-align: center;
 border: 3px solid #00FF00;
 background-color: #EAFFEA;
 font-size: xx-large;
 font-family: "Informal Roman";
}
.style6 {
 color: #0099FF;
 font-size: larger;
 text-align: center;
}
.style7 {
 border-width: 0px;
}
.style8 {
 text-align: left;
 border: 3px solid #00FF00;
 background-color: #EAFFEA;
 font-size: xx-large;
 font-family: "Informal Roman";
}
.style9 {
 border: 3px solid #00FF00;
}
.style11 {
 text-align: center;
 border: 3px solid #00FF00;
 background-color: #EAFFEA;
 font-size: medium;
}
.style12 {
 border-color: #00FF00;
 border-width: 3px;
 background-color: #EAFFEA;
}
</style>
</head>




 <!-- MSTableType=\"layout\" -->
 ----

    Maison à vendre à Nouzonville

  ,
    
  ,
 
 ----

    Accueil,
    Environnement,
    Visite virtuelle,
    Plans,
    Des plus,
    Contact,
 
 ----

    <!-- #ParentBeginEditable "ZONE" -->

<table>
 ----

  , <!-- #BeginEditable \"Zone\" -->
  (Zone)<!-- #EndEditable --></td>
   

<table align="right" class="style6">
 ----

  , </td>
 
 ----

  Salle à manger / Salon à l&#39;entrée,
 
 ----

  Salle à manger / Salon à l&#39;intérieur,
 
 ----

  
  Cuisine,
 
 ----

  
  Salle de bain,
 
 ----

  
  Chambre 1,
 
 ----

  
  Chambre 2,
 
 ----

  
  Chambre 3,
 
 ----

  
  Cave,
 
 ----

  
  Buanderie,
 
 ----

  &nbsp;,
 
 ----

  
  Panorama SUD,
 
 ----

    Panorama NORD et Jardin,
 

  </td>
 </tr>
 </table>


<!-- #ParentEndEditable -->
  </td>
 </tr>
 </table>




<!-- #EndTemplate -->


</html>

27 réponses

cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
3 sept. 2008 à 10:44
un minimum de recherche dans n'importe quelle doc... ici selfHTML
Cordialement     Bul  [mon Site] [M'écrire], <!--
3
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
4 sept. 2008 à 10:24
au fait.. tu ais que tous ces l&#39; sont totalement inutiles et qu'on peut
directement mettre ' ( ici par exemple )
ajoute : <meta http-equiv="content-type"
                    content="text/html; charset=ISO-8859-1">
            par exemple, en début des pages
CordialementBul[mon Site][M'écrire] |
3
nicomilville Messages postés 3472 Date d'inscription lundi 16 juillet 2007 Statut Membre Dernière intervention 28 février 2014 36
4 sept. 2008 à 10:57
Re,

ça veut dire que ça marche ?

Pour ajuster l'image a l'hublot, je ne sais pas, l'hublot est une image carré ?

Si oui tu n'as qu'a faire un truc du genre :

document.getElementById('ton_image').style.height = document.getElementById('hublot').style.height;
document.getElementById('ton_image').style.width = document.getElementById('hublot').style.width;

a++

Si la réponse vous convient, pensez : Réponse acceptée !
3
nicomilville Messages postés 3472 Date d'inscription lundi 16 juillet 2007 Statut Membre Dernière intervention 28 février 2014 36
4 sept. 2008 à 12:10
a attribue a ton image ceci : margin:0px,0px,0px,0px;

a++

Si la réponse vous convient, pensez : Réponse acceptée !
3

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
4 sept. 2008 à 12:16
j'ai été visiter...
si tu ne la vend pas grâce à internet, il y a de quoi s'asseoir par terre et pleurer !  pas mal
ce que tu appelles marges ce sont les barres de scroll parce que la taille de l'IFRAME
est < celle de l'image ( sur la buanderie, uniquement avec IE, avec FF c'est k )
me trompe-je ? le plus simple ? augmente un ch'tiot poil la taille de l'iframe.
on pourrait adapter automatiquement... mais bon, ne voyant pas d'autres solutions
que le javascript... autant éviter non ?
CordialementBul[mon Site][M'écrire], <!--
3
nicomilville Messages postés 3472 Date d'inscription lundi 16 juillet 2007 Statut Membre Dernière intervention 28 février 2014 36
4 sept. 2008 à 12:22
Si tu veus enlever le scroll applique ça a ton td :

overflow:none ou hidden;

a++

Si la réponse vous convient, pensez : Réponse acceptée !
3
nicomilville Messages postés 3472 Date d'inscription lundi 16 juillet 2007 Statut Membre Dernière intervention 28 février 2014 36
4 sept. 2008 à 16:28
Ton site ?

Ba je ne sais pas, il faut s'inscrire ?

Ou sinon c'est avec les balise meta que ça se passe...

a++

Si la réponse vous convient, pensez : Réponse acceptée !
3
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
3 sept. 2008 à 08:52
bonjour,
tu devrais regarder du coté de "IFRAME" je pense...
Cordialement     Bul  [mon Site] [M'écrire], <!--
0
vhalter Messages postés 29 Date d'inscription mardi 26 janvier 2010 Statut Membre Dernière intervention 1 novembre 2018
3 sept. 2008 à 10:10
c'est quoi ca?
0
nicomilville Messages postés 3472 Date d'inscription lundi 16 juillet 2007 Statut Membre Dernière intervention 28 février 2014 36
3 sept. 2008 à 10:13
Salut,

Si tu avais fait une recherche tu l'aura sans doute trouvé...

Une iframe est un cadre dans lequel tu peus afficher tout et n'importe quoi (même des page web)...

a++

Si la réponse vous convient, pensez : Réponse acceptée !
0
vhalter Messages postés 29 Date d'inscription mardi 26 janvier 2010 Statut Membre Dernière intervention 1 novembre 2018
3 sept. 2008 à 11:24
ce que je souhaite c'est la version telecommande (Liens à des cadres incorporés) mais au lieu de pointer vers des pages html, ce serait des swf ou des jpg;
0
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
3 sept. 2008 à 11:40
et si tu essayais de remplacer le src de l'iframe qui pointe vers un .htm
par un src qui pointe vers un .swf ?  par exemple...
Cordialement    Bul  [mon Site] [M'écrire], <!--
0
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
3 sept. 2008 à 11:42
mais, toujours par exemple,  avec des jpg nul besoin d'iframe
     et tout baigne, on peut en mettre plusieurs, modifer le src....
Cordialement     Bul    [mon Site] [M'écrire], <!--
0
vhalter Messages postés 29 Date d'inscription mardi 26 janvier 2010 Statut Membre Dernière intervention 1 novembre 2018
3 sept. 2008 à 18:49
pour une image ok mais pour un swf il faut ce type de code:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="300">

</object>
       
et je ne sais pas comment l'intégrer!
0
vhalter Messages postés 29 Date d'inscription mardi 26 janvier 2010 Statut Membre Dernière intervention 1 novembre 2018
3 sept. 2008 à 19:09
Voilà ce que j'ai fait mais je suis sûr que l'on peut optimiser car j'ai fait du copier colé de code au petit bonheur la chance.
Je ne sais pas pourquoi mais quand je veux afficher une image jpg dans le hublot, il y a des marges blanche autour de celle-ci:

    ----

        

</object>
 name="I1" width="400" height="300" marginheight="0" marginwidth="0" align="right" id="I1">
Votre navigateur ne peut malheureusement pas afficher de cadre incorporé

        
        ,
        <table align="right" class="style6">
    ----

        , </td>
    
    ----

        Salle à manger / Salon à l&#39;entrée,
    
    ----

        Salle à manger / Salon à l&#39;intérieur,
    
    ----

        Cuisine,
    
    ----

        Salle de bain,
    
    ----

        Chambre 1,
    
    ----

        Chambre 2,
    
    ----

        Chambre 3,

    ----

        Cave,

    ----

        Buanderie,

    ----

        &nbsp;,

    ----

        Panorama SUD,

    ----

                Panorama NORD et Jardin
0
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
4 sept. 2008 à 09:32
pas sur qu'il faille "tout ça"


...
        <td class="style25">[fichier.swf Salle à manger / Salon à l'entrée]</td>
...

et tu ajoutes le style que tu veux à l'iframe.

CordialementBul[mon Site][M'écrire] |
0
vhalter Messages postés 29 Date d'inscription mardi 26 janvier 2010 Statut Membre Dernière intervention 1 novembre 2018
4 sept. 2008 à 09:58
Voilà ce que j'ai écris:
Par contre j'ai le problème de l'image jpg qui se place dans le hublot avec des marges blanches autour!!??

Votre navigateur ne peut malheureusement pas afficher de cadre incorporé

 
  
  </td>
  <td valign="top">


<table align="right" class="style6">
 <tr>
  <td style="width: 430px;" class="style21"></td>
 </tr>
 <tr>
  <td class="style25">[../images/SAM1.swf Salle à manger / Salon à l&#39;entrée]</td>
0
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
4 sept. 2008 à 10:16
je ne vois pas de quelles marges tu parles ?
sauf si les tailles ( width, height ) ne correspondaient pas au swf ?
essaye de supprimer
peut-être ajouter : frameborder=0 et
scrolling="auto" ou "no" ?
faudrait voir avec les yeux ( ou l'oreille gauche ) ce que c'est que ces marges ?
Cordialement     Bul  [mon Site] [M'écrire] |
0
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
4 sept. 2008 à 10:21
ah... c'est le jpg !
alors oui, probablement que la taille de l'iframe est > celle du jpg...
( frameborder=0 ? )
CordialementBul[mon Site][M'écrire] |
0
nicomilville Messages postés 3472 Date d'inscription lundi 16 juillet 2007 Statut Membre Dernière intervention 28 février 2014 36
4 sept. 2008 à 10:22
Salut,

Je crois en fait que ce n'est pas des marges mais plutot une bordure, met border:0px; pour voir...

a++

Si la réponse vous convient, pensez : Réponse acceptée !
0
Rejoignez-nous