css marche mais pas depuis les liens de la page index

**ak4774** · 28/03/2009, 16h19

salut a tous .....

je suis débutant dans la création de site ....et j'ai un problème
qui est le suivant :

sur mon index.php j'ai crée un menu (menu.php appeler par la fonction include )
ce menu est composer de liens qui permettent au visiteur d'aller voir la page désiré .......comme la plupart des sites .......mais quand je clique sur un lien la page prend pas en compte le css et reste blanche ( au lieu d'avoir le fond d'écran ....et le reste.....) alors que quand j'appelle la page directement dans le navigateur tout marche nickel.....et avec dreamweaver cs2 sa marche aussi .......et j'utilise wampserveur

voici le code que je met au début de chaque pages :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" type="text/css" href="style/style.css" />

voici mon css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
h1 {
	color: #FFFFFF;
	background-color: #FF0000;
 
}
 
h2 {
	color: #ffffff;
 
}
body {
	background-color: #000000;
	background-image: url("index.jpg");
	background-repeat: no-repeat;
	Background-attachment: fixed;
	background-position: center center;
}
h10 {
	background-position: center center;
}
h20 {
 
	color: #FFFFFF;	
}
 
 
h21 {
 
 
	color: #FFFFFF;	
}
 
a:link {
	color: black;
}
 
a:visited {
	color: black;
}

merci d'avance ....je pense que c'est du css 1.....

**Bisûnûrs** · 30/03/2009, 12h33

A priori, rien de ce que tu nous montres ne peut être à l'origine de ce défaut d'affichage.
Cependant, je tiens à signaler que les balises h10 et h20 n'existent pas, que ça s'arrête à h6.

Une page en ligne nous aiderait grandement dans la compréhension de ton problème.

Vu que l'on en est qu'au stade des hypothèses, je dirais que c'est un problème de chemin vers ta feuille de style.

**ak4774** · 30/03/2009, 12h45

merci je savais pas pour les balises ......je vais corriger ..
voici la page index entière :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
  <head>
    <title>74M collectif</title>
 
    <link rel="stylesheet" type="text/css" href="style/style.css" />
 
</head>
 
  <body>
 
<div id="titre">
 
<h20>
 
Titre.php
 
</h20>
 
</div>
 
<div id="column1">
 
Menu.php
</div>
 
<div id="column2">
 
<object type="audio/mpeg" width="0" height="0" data="on referas pas le monde.mp3">
<param name="filename" value="on referas pas le monde.mp3" />
<param name="autostart" value="true" />
<param name="loop" value="false" />
</object> 
 
 
<h21>
 
Pied.php
</h21>
 
</div>
   </body>
 
</html>

voici le menu.php :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
 
<head>
 
</head>
 
<body>
 
<h2>
  <a href="presentation.php/"><img src="style/lien_presentation.jpg"><br/></a>
  <a href="music.php/"><img src="style/lien_music.jpg"><br/></a>
  <a href="photos.php/"><img src="style/lien_photos.jpg"><br/></a>
  <a href="video.php/"><img src="style/lien_video.jpg"><br/></a>
  <a href="lien.php/"><img src="style/lien_lien.jpg"><br/></a>
  <a href="contact.php/"><img src="style/lien_contact.jpg"><br/></a>
 
</h2>
 
</body>
 
</html>

je précise que je fais tout manuellement ( ma façon d'apprendre ) pas avec dreamweawer ....

le fichier css n'est plus comme avant car j'ai rajouté des balise <div> mais je ne le remet pas sauf sur demande....car sa marché déjà pas avant

**Bisûnûrs** · 30/03/2009, 13h11

Plusieurs choses :

- Quand tu fais "Afficher la source" dans ton navigateur, tu ne dois avoir qu'un seul jeu de balises <html>, <body>, <head>. Donc dans tous les fichiers que tu inclus tu dois les enlever. Ton menu.php ressemblera à ça :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<h2>
  <a href="presentation.php/"><img src="style/lien_presentation.jpg"><br/></a>
  <a href="music.php/"><img src="style/lien_music.jpg"><br/></a>
  <a href="photos.php/"><img src="style/lien_photos.jpg"><br/></a>
  <a href="video.php/"><img src="style/lien_video.jpg"><br/></a>
  <a href="lien.php/"><img src="style/lien_lien.jpg"><br/></a>
  <a href="contact.php/"><img src="style/lien_contact.jpg"><br/></a>
 
</h2>

Sans les balises html et body.

- Pour prévenir la plupart des différences entre les navigateurs, tu dois mettre un DOCTYPE complet et valide à ton document HTML.
La structure minimale dans ton cas pourrait être :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Titre de la page</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
 
<!-- Ici le contenu de ton site -->
 
</body>
</html>

- L'utilisation d'un slash à la fin d'un lien signifie qu'il s'agit d'un dossier. Donc quand on clique sur tes liens, le navigateur va par exemple chercher le dossier "music.php/", qui n'existe pas. Donc enlève le slash à la fin de chacun de tes liens.

Si le problème n'est pas résolu, essaie de mettre une page en ligne.

**ak4774** · 30/03/2009, 13h20

merci beaucoup pour tout c'est précieux renseignements ....je test tout sa
en milieux d'après-midi ....malheureusement je doit bouger ....
je te tiens au courant direct .....

**ak4774** · 30/03/2009, 16h26

grand merci ........j'ai enlevé les / pour les mettre juste après les guillemets...
et sa marche nickel........
j'ai modifié mon index comme tu m'as montré .....
merci encore .....après 15 jours de galère .....a toi et a ce forum !!!!

css marche mais pas depuis les liens de la page index

CSS

Discussions similaires

Partager

Partager