rss
Options Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Style CSS ne s'affiche pas pour un include

hexoseth, le mercredi 27 février 2008 à 13:24:17
Bonjour,

J'ai créer un template avec un menu intégré grace a la fonction include
mais le menu ne suis pas le contenu du css.

voila la structure

index.php

<head>
<link href="templates/css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<?php include "templates/index.php"; ?>
</body>


templates/index.php

<td width="100%" height="29px"> <?php include "include/menu.inc.php" ?> </td>


template_css.css

#menu li {
display : inline;
font-size : 20px;
font-weight : bold;
}



Normalement le menu devrait être a l'horizontal et la taille de la police de 20px.

Est ce que les styles passe aussi sur les fichiers intégré avec include?
Merci
Configuration: Windows XP SP2
Firefox 2.0.0.12
NotePad++
Répondre à hexoseth  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Reivax962, le mercredi 27 février 2008 à 13:54:06
Bonjour,

1 - Oui bien sûr, la feuille de style est appliquée par le navigateur, qui ne "sait" pas si un bout de code vient d'un include ou pas, puisqu'il ne reçoit que le code généré au final par php.

2 - "include/menu.inc.php" : peut-on voir à quoi il ressemble ?

3 - La page générée, justement, celle que tu vois en faisant "afficher la source" quand tu as ta page affichée dans ton navigateur, elle ressemble à quoi ?

Xavier
   
Répondre à Reivax962

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
freddux, le mercredi 27 février 2008 à 13:57:00
Le source de ton document HTML généré donne quoi ?
freddux.
   
Répondre à freddux

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
hexoseth, le mercredi 27 février 2008 à 14:31:53
le code source de la page généré index.php

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

<title></title> <!-- variable titre_page -->

<meta name="keywords" lang="fr" content="" /> <!-- variable mot_cle -->
<meta name="description" content="Description de ma page web." /> <!-- variable description -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

<link href="templates/css/template_css.css" rel="stylesheet" type="text/css" /> <!-- mettre une variable pour le fichier css utiliser par le template en cours. nom variable : file_css -->
<link rel="shortcut icon" href="" />
</head>
<body>
<div>

<a name="up" id="up"></a>

<table width="100%" height="20px" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" class="mt"> <a href="http://hexoseth.online.fr" >hexoseth.online.fr</a> </td>
</tr>
</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td> <img src="/images/space.gif" width="770px" height="1px" /> </td>
</tr>
<tr>
<td> <div class="background">
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="/images/center.jpg">
<tr>

<td width="26px"> <img src="/images/left.jpg" width="26px" /> </td>
<td> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100px" colspan="2px" class="title" style="padding-top:14px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" style="padding-left:10px;"> <a href="" title=""></a>HS Pc - Hardware & Software </td>

<td>banner</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="400px" height="29px"> <div id="search">XXXXXX</div> </td>

<td width="100%" height="29px"> <div id="menu"><ul>
<li><a href="">Accueil</a></li>
<li><a href="">News</a></li>
<li><a href="">Hardware</a></li>
<li><a href="">Software</a></li>
<li><a href="">Downloads</a></li>

<li><a href="">Contact</a></li>
<li><a href="ftp://hexoseth.serveftp.org" class="prive">Accès Privé</a></li>
</ul></div> </td>
</tr>
</table></td>
<td width="26px"><img src="/images/right.jpg" width="26px" /></td>
</tr>

</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="11px" height="25px" background="/images/shadowl.jpg"><div>
</div></td>
<td height="25px" bgcolor="#F1F1F1" style="border-bottom: 1px solid #999999; border-top: 5px solid #FFFFFF;">PathWay</td>
<td height="25px" align="right" bgcolor="#F1F1F1" style="border-bottom: 1px solid #999999; border-top: 5px solid #FFFFFF;"><div class="date">69 visiteurs 27-02-2008</div></td>

<td width="11px" height="25px" align="right" background="/images/shadowr.jpg"> </td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="padding-left:8px; background-repeat: repeat-y;" background="/images/shadowl.jpg"> </td>
<td valign="top" style="background-repeat: repeat-y;"background="/images/lb.gif">
<div class="leftrow">
menu gauche
</div>

</td>
<td valign="top" bgcolor="#FAFAFA" width="100%"><div class"main">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top" bgcolor="#F1F1F1">
<td colspan="3px" style="border-top: 3px solid #FFFFFF;">
<div id="info_client">
Votre IP : 192.168.0.254. Première visite le 26-02-2008 17:53:41, vous étiez le 64 ème visiteurs. </div>

</td>
</tr>
<tr>
<td valign="top" bgcolor="#F1F1F1" style="border-top: 3px solid #FFFFFF;"> <div> <p> Description page</p> </div> </td>
<td width="4px" valign="top" bgcolor="#FFFFFF" style="border-top: 3px solid #FFFFFF;"> <div> </div> </td>
<td valign="top" bgcolor="#F1F1F1" style="border-top: 3px solid #FFFFFF;"> <div> 2 </div> </td>

</tr>
<tr align="left" valign="top">
<td colspan="3px" style=" border-top: 4px solid #FFFFFF; padding: 5px;"><div class="main">

Bonjour,<br>
<br>
Désolé le site est momentanément indisponible. Je suis actuellement en train de modifier la présentation et le fonctionnement du site.
<br>

Merci de votre compréhention.

</div></td>
</tr>
<tr bgcolor="#F1F1F1">
<td colspan="3px" valign="top" style="border-top: 3px solid #FFFFFF;">
<div>
bas
</div>
</td>
</tr>

</table>
</td>
<td valign="top" style="background-repeat: repeat-y; "background="/images/rb.gif">
<div class="rightrow">
droite pub ou autre
</div>
</td>
<td valign="top" style="padding-right: 8px; background-repeat: repeat-y;" background="/images/shadowr.jpg"> </td>
</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0" background="/images/center2.jpg">
<tr>
<td width="26px"><img src="/images/left2.jpg" /></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30px" align="left"><a href=""><img src="/images/ltop.jpg" alt="Top!" border="0" /></a> </td>
<td align="center"><div class="footer">

<a href="http://www.mamboteam.com" target="_blank">Design by Mamboteam.com!</a></div>
</td>
<td width="30px" align="right"><a href=""><img src="/images/rtop.jpg" alt="Top!" border="0" /></a></td>
</tr>
</table></td>
<td width="26px"><img src="/images/right2.jpg" /></td>
</tr>
</table>

</div></td>
</tr>
</table>
</div>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" height="31" width="88" border="0" /></a>
</p>
</body>
</html>



le fichier include menu.inc.php

<ul>
<li><a href="">Accueil</a></li>
<li><a href="">News</a></li>
<li><a href="">Hardware</a></li>
<li><a href="">Software</a></li>
<li><a href="">Downloads</a></li>
<li><a href="">Contact</a></li>
<li><a href="ftp://hexoseth.serveftp.org" class="prive">Accès Privé</a></li>
</ul>
   
Répondre à hexoseth

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Reivax962, le mercredi 27 février 2008 à 16:04:19
C'est bizarre...
Quand je copie-colle ton code dans un bloc-note, j'obtiens un truc bizarre :
<div id="menu?">

au lieu de
<div id="menu">

Et si je supprime ce "?", tout fonctionne !

Il doit y avoir un caractère bizarre qui se cache dans cette ligne, chez toi.

Je ne peux que te conseiller de supprimer id="menu"> et de le retaper à la main.

Xavier
   
Répondre à Reivax962

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 hexoseth, le mercredi 27 février 2008 à 17:02:00
non c'est bon j'ai trouver. en faite c'est une erreur de ma part, j'avais défini deux fois un style pour mon menu liste et c'était le dernier qui était pris en compte. je l'ai supprimer et tout est rentré dans l'ordre. J'aurai du y pensé avant, je suis un peu fatigué en ce moment. Bon je repart dans mes ligne de code pour mon site.

Merci quand même.
   
Répondre à hexoseth
Posez votre question Répondre
Héberger site avec feuille style css gratuit (Résolu)Bonjour, Je cherche un hébergeur de site gratuit où les feuilles de styles css (j'utilise dreamweaver cs3) sont supportées. Après de longues recherchez sur le web, je n'ai pas trouvé, certains, sont gratuits au début mais à la fin sont... www.commentcamarche.net/forum/affich-6990754-heberger-site-avec-feuille-style-css-gratuit
Impossible ouvrir fichiers styles =.css= (Résolu)Bonjour Je n'arrive plus à ouvrir comme auparavant mes fichiers de style .css Je viens d'installer : - Windows 98 seconde édition - office 2000 premium et je suis allé sur le site d'IE et j'ai aussi télécharger Internet Explorer... www.commentcamarche.net/forum/affich-19789-impossible-ouvrir-fichiers-styles-css
Site référencent les styles CSS (Résolu)Bonjour, Config : Win XP SP2, Nvu Créateur de site Web Je suis en train de me lancer dans la création de site Web mais pour le moment je débute en HTML, et je recherche un site qui référence les code de style css qui ressemblerait à un index comme il... www.commentcamarche.net/forum/affich-1725357-site-referencent-les-styles-css
Récupérer le style Windows XPSuite à une mauvaise manipulation, un nettoyage maladroit ou à une infection, vous avez perdu le thème Windows XP, et vous vous retrouvez à la place avec un style plutôt "ancien" dit Windows classique : Voici comment récupérer le style XP... www.commentcamarche.net/faq/sujet-5199-recuperer-le-style-windows-xp
Liens en css (Résolu)Bonjour, Je suis en train de concevoir un site internet en utilisant une feuille de style CSS J'ai un petit pb concernant les liens. En effet, j'ai deux barres de navigations : - l'une est horizontale : les liens sont en blancs ; -... www.commentcamarche.net/forum/affich-2985927-liens-en-css
Affichage retour chariot xml (Résolu)voila j ai un fichier xml qui un truc du genre: Meilleur forum ccm ccm c de la balle Quand j affiche ce fichier dans mon explorateur web avec mon style css, j obtiens un truc du genre: Meilleur forum ccm ccm... www.commentcamarche.net/forum/affich-1265881-affichage-retour-chariot-xml
[css]affecter un style au title d'une image (Résolu)salut, je veux affecter un style css au texte qui apparait lors du survol d'une image, ca d le contenu de l'attribut title d'une image. J'ai vu ça sur le site http://www.netunivers.com ( bas de la page). quelqu'un sait comment... www.commentcamarche.net/forum/affich-3296884-css-affecter-un-style-au-title-d-une-image
Kingston DataTraveler Style 8 Go USB 2.0USB, 8192 Mo,Page web du produit:Anglais,Mémoire:8192 MB,Type:USB,Divers:Operating System included : Windows Vista, Windows XP (SP1 and above), Windows 2000 (SP3 and above), Mac OS (10.x and above), Linux (2.4 and above) www.commentcamarche.net/guide-achat/kingston-datatraveler-style-8-go-usb-2-0-1061499-fiche-technique
CSS - Syntaxe des styles La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de préciser à quelles... www.commentcamarche.net/css/csssyntax.php3
Feuilles de style - Introduction Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des feuilles de style consiste à regrouper dans... www.commentcamarche.net/css/cssintro.php3
CSS - Déclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec des éléments indiquant d'une part le... www.commentcamarche.net/css/cssimplant.php3
Toutes les réponses pour « Style CSS ne s'affiche pas pour un include »