 Icanseeinthenight |
Le 17/10/2008 à 10:28    |
|
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. |
| Kdecherf |
Le 17/10/2008 à 14:20 |
 avec /dev/null |
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. --
Microsoft Student Partner
Microsoft Certified Professional
Responsable régional du Laboratoire Microsoft
Chef d'entreprise
Formateur Linux (CLA/CLP Novell)
Etudiant ... à ses heures perdues |
| Icanseeinthenight |
Le 17/10/2008 à 15:05 |
|
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 ! |
| Kdecherf |
Le 17/10/2008 à 16:28 |
| avec /dev/null |
Ouais normal.
Tu dois tout fixer niveau taille dans tes CSS. Par contre un truc : NE JAMAIS FAIRE UNE CHARTE GRAPHIQUE AVEC DES TABLEAUX --
Microsoft Student Partner
Microsoft Certified Professional
Responsable régional du Laboratoire Microsoft
Chef d'entreprise
Formateur Linux (CLA/CLP Novell)
Etudiant ... à ses heures perdues |
| Icanseeinthenight |
Le 24/10/2008 à 10:15 |
|
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> </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> © 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 |
| Tatave17 |
Le 24/10/2008 à 11:12 |
 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. --
N' oubliez pas de presser sur le bouton " Réponse accepté "à côté de la solution apportée si elle te convient
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" |
| Icanseeinthenight |
Le 24/10/2008 à 11:20 |
|
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..  |
| Tatave17 |
Le 24/10/2008 à 11:30 |
| Papi Bidouille |
--
N' oubliez pas de presser sur le bouton " Réponse accepté "à côté de la solution apportée si elle te convient
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" |
52 Viconautes en ligne. Vous êtes ici : Accueil > Webmasters - gestion de site web > probleme include
