probleme include
Hors ligneIcanseeinthenight Le 17/10/2008 à 10:28 Profil de Icanseeinthenight Configuration de Icanseeinthenight

Salut!

Voila je suis en train de créer un site pour une entreprise, qui a choisi un kit graphique correspondant a leur goût pour accéléré la mise en route. Et au contraire au lieu de me facilité "la vie" je suis depuis deux jours bloqué sur un problème, je viens donc vous demandé de l'aide  :)

Le kit graphique est celui la [url]http://www.kitgraphique.net/designs/kit-graphique-1086-lamatel.html[/url]

Donc Voila je voudrais, que le site soit en deux parties :



-La partie fixe (bannière, menu, sous menu, copyright) qui ne changera pas en changeant de page
-La parti "mobile" qui changera selon la page demander (avec un fichier include, p.inc)

Comme cela :



Le problème est donc que je n'arrive pas a placer la balise de l'include sur le nouveau kit graphique, car il y a des images partout partout, je n'avais jamais vu sa auparavant... des que je modifie quelques chose, tout se décale. J'ai réussi a Supprimer le contenue ou je veux placer le tableau "include" :



Je peux Biensur envoyer les pages html a qui voudrais jeter un coup d'oeil.
Voila je ne c'est pas si j'ai étais clair. J'attends vos réponses. Merci D'avance



Cordialement.
Hors ligneKdecherf Le 17/10/2008 à 14:20 Profil de Kdecherf Configuration de Kdecherf

Bonjour,

En PHP, je te conseille mais plus que très fortement de faire un système de template. Ainsi tout le site est en PHP (enfin, abus de langage) mais l'avantage c'est que tu as une classe PHP qui gère le charte graphique et tu peux intégrer comme bon te semble tes textes qu'ils soient dynamiques ou pas.
Hors ligneIcanseeinthenight Le 17/10/2008 à 15:05 Profil de Icanseeinthenight Configuration de Icanseeinthenight

Oui je suis d'accors avec toi pour le template, par contre comment faire ? je dois surement savoir faire, mais niveau vocabulaire web je suis pas top =)

Et au niveau des texte des que j'intègre un texte trop long ou trop court les images se déplace Comme ici est-ce normal ?



Merci pour ton aide en tout cas !
Hors ligneKdecherf Le 17/10/2008 à 16:28 Profil de Kdecherf Configuration de Kdecherf

Ouais normal.

Tu dois tout fixer niveau taille dans tes CSS. Par contre un truc : NE JAMAIS FAIRE UNE CHARTE GRAPHIQUE AVEC DES TABLEAUX
Hors ligneIcanseeinthenight Le 24/10/2008 à 10:15 Profil de Icanseeinthenight Configuration de Icanseeinthenight

Bonjour,

Voila j'ai réussi avec l'include le problème maintenant est que je n'arrive pas a le placer comme il faut.

Sa donne sa, il faudrais que je le place ou est le carré bleu :





Voila mon code source :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Kit graphique par Daniel KAMENI :::: www.kacart.be | www.apprendre-php.com | www.onane.com-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Votre site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="Kit graphique Lamatel par Daniel KAMENI ::: www.kacart.be" />
<meta name="Keywords" content="kac art, kameni, lamatel" />
<meta name="Generator" content="KAC Art, Daniel KAMENI. All rights reserved." />
<style type="text/css">td img {display: block;}</style>
<link rel="stylesheet" href="kac_art.css" type="text/css" media="all" />
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body>
<table width="733" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td><img src="images/spacer.gif" width="42" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="140" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="51" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="15" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="17" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="29" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="6" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="100" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="7" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="70" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="61" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="108" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="2" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="41" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="26" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="16" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
    <td><img name="bord1" src="images/bord1.png" width="42" height="50" border="0" id="bord1" alt="" /></td>
    <td><a href="#"><img name="n1" src="images/1.jpg" width="140" height="50" border="0" id="n1" alt="" /></a></td>
    <td colspan="4"><a href="#"><img name="n2" src="images/2.jpg" width="112" height="50" border="0" id="n2" alt="" /></a></td>
    <td colspan="4"><a href="#"><img name="n3" src="images/3.jpg" width="133" height="50" border="0" id="n3" alt="" /></a></td>
    <td colspan="2"><a href="#"><img name="n4" src="images/4.jpg" width="131" height="50" border="0" id="n4" alt="" /></a></td>
    <td colspan="3"><a href="#"><img name="n5" src="images/5.jpg" width="151" height="50" border="0" id="n5" alt="" /></a></td>
    <td colspan="2"><img name="bord2" src="images/bord2.png" width="42" height="50" border="0" id="bord2" alt="" /></td>
  </tr>
  <tr>
    <td colspan="8"><img name="logo" src="images/logo.png" width="400" height="130" border="0" id="logo" alt="" /></td>
    <td colspan="5"><img name="tel" src="images/tel.jpg" width="266" height="130" border="0" id="tel" alt="" /></td>
    <td><img name="fond" src="images/fond.jpg" width="2" height="130" border="0" id="fond" alt="" /></td>
    <td colspan="3"><img name="bord3" src="images/bord3.png" width="83" height="130" border="0" id="bord3" alt="" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
</div></td></table>
<td><img src="images/spacer.gif" width="1" height="14" border="0" alt="" /></td>
 <table width="750" height="748"  border="0" cellpadding="0" cellspacing="0">
  <tr><td width="269" height="748" colspan="1" rowspan="2"><img name="cat1" src="images/cat1.png" width="233" height="44" border="0" id="cat1" alt="" />
<div id="txt1">
    <div id="a_txt1">
      <p style="float:left; margin-right:12px; margin-top:4px;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="index.php?page=truc">truc</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="index.php?page=toto">toto</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="index.php?p=Atelier">Atelier</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Benq-Siemenss</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">HP</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">iPhone</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Lion</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Motorola</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Nokia</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Samsung</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Sharp</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Sony ericsson</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Panasonic</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Qtek</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Zun phone</a></p>
      <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
      <p><a href="#">Autres...</a></p>
    </div>
  </div>
  <img name="cat2" src="images/cat2.jpg" width="233" height="44" border="0" id="cat2" alt="" />
  <div id="txt2">
      <div id="a_txt2">
        <p style="float:left; margin-right:12px; margin-top:4px;"><img src="images/puce.jpg" alt="" /></p>
        <p><a href="#">Applications</a></p>
        <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
        <p><a href="#">Drivers</a></p>
        <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
        <p><a href="#">Jeux</a></p>
        <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
        <p><a href="#">Sonneries Midi</a></p>
        <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
        <p><a href="#">Sonneries MP3</a></p>
        <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
        <p><a href="#">Wallpapers<br />
        </a></p>
        <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
        <p><a href="#"><span class="noir">Waptrick</span></a></p>
        <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
        <p><a href="#"><span class="noir">Wap Xana</span></a></p>
        <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
        <p><a href="#"><span class="noir">Emu wap</span></a></p>
        <p style="float:left; margin-right:12px; margin-top:4px; clear:both;"><img src="images/puce.jpg" alt="" /></p>
        <p><a href="#"><span class="noir">Tel goodies</span></a></p>
      </div>
    </div>
    <img name="cat3" src="images/cat3.jpg" width="233" height="44" border="0" id="cat3" alt="" /><img name="txt3" src="images/txt3.png" width="233" height="134" border="0" id="txt3" alt="" />
    <td width="481" height="748" rowspan="2">    
<?php include "include/p.inc" ?>   
  </tr>
</table>
    <table>
    <td colspan="17"><div id="footer">
      <div id="a_footer">
        <p><strong>Lamatel</strong> &copy; 2003 - 2007 | <a href="#">Informations légales</a>. Design by <a href="http://www.kacart.be" title="KAC Art ::: Webdesigner"><img src="images/kac-art.png" alt="www.kacart.be" style="display:inline;"/></a></p>
      </div>
    </div></td>
  </tr>
</table>
<img src="images/spacer.gif" width="1" height="130" border="0" alt="" />
</table>
</body>
</html>


Cordialement
Hors ligneTatave17 Le 24/10/2008 à 11:12 Profil de Tatave17 Configuration de Tatave17

Papi Bidouille
Bonjour

l'utilisation de calque n'est pas interdit

juste une idée de départ
<style type="text/css">
<!--
#Cal_01 {
 position:absolute;
 left:357px;
 top:38px;
 width:230px;
 height:299px;
 z-index:1;
}
-->
</style>
</head>

<body>
<div id="Cal_01">
  <p>Accueil;</p>
</div>
</body>

En absolue ou en relatif vous pouvez positionner ce calque


attention  z-index:1; c'est comme si vous superposiez les calques les uns sur les autres.
--
[couleur=#00CC66]N' oubliez pas de presser sur le bouton " Réponse accepté "à côté de la solution apportée si elle te convient[/couleur] [couleur=#0066FF]On aide plus un être en lui donnant de lui-même une image favorable qu'en le mettant sans cesse en face de ses défauts. "Albert Camus"[/couleur]
Hors ligneIcanseeinthenight Le 24/10/2008 à 11:20 Profil de Icanseeinthenight Configuration de Icanseeinthenight

Ok merci, mais niveau css javou que je connais pas grand chose, je ne savais meme pas qu'on pouvais faire des calques en fait..
Hors ligneTatave17 Le 24/10/2008 à 11:30 Profil de Tatave17 Configuration de Tatave17

Papi Bidouille
--
[couleur=#00CC66]N' oubliez pas de presser sur le bouton " Réponse accepté "à côté de la solution apportée si elle te convient[/couleur] [couleur=#0066FF]On aide plus un être en lui donnant de lui-même une image favorable qu'en le mettant sans cesse en face de ses défauts. "Albert Camus"[/couleur]
Vous avez résolu votre problème avec VIC ? Faites-le savoir sur les réseaux sociaux !
Vulgarisation-informatique.com
Cours en informatique & tutoriels