Affichage dans le navigateur.

**francotrek** · 07/12/2008, 06h07

Bonjour,
Les navigateurs affichent correctement la présentation voulue dans par mon CSS lorsque j'ouvre la racine du site http://www.francotrek.com

Ensuite la navigation sur le site ne pose pas de problème.
Mais quand j'ouvre une page comme http://www.francotrek.com/avant.html l'affichage ne correspond plus à ce que je souhaite, les commandes de la feuille de style ne sont pas respectées.

Pourquoi donc?
Mille mercis à celui ou celle qui pourra m'éclairer.
Michel

**c_s_s** · 07/12/2008, 09h46

Bonjour,

La page principale est en fait une structure constituée de plusieurs blocs. Le bloc central est indépendant et correspond à une page particulière.

Quand tu cliques sur un lien, ce n'est pas la page entière qui est rechargée, c'est juste le bloc central.
Le clic sur le lien indique quelle page récupérer pour l'afficher dans le bloc central.

Par exemple, quand tu cliques sur "Avant de partir", c'est la page avant.html qui est récupérée et incrustée dans ta page principale.
L'apparence de la page avant.html dépend donc de ce qui l'entoure.

Quand tu vas directement sur la page avant.html, il n'y a pas la page principale tout autour, donc l'apparence est différente.

**francotrek** · 07/12/2008, 10h08

Merci beaucoup de ta réponse. Bien compris le pourquoi, OK.

Mais est-il possible de taper l'adresse "http://www.francotrek.com/avant.html" directement et obtenir son affichage tel que déterminé dans la feuille de style? J'ai pourtant fait référence au CSS dans le <head> de chaque page. Ne faudrait-il pas faire également faire référence à l'index?

En effet lorsque Google a référencé une telle page (qui n'est donc pas l'index), l'internaute clique sur le lien et l'affichage ainsi obtenu n'est pas conforme à ce que je désire.

**c_s_s** · 07/12/2008, 10h37

Ta page avant.html est composée de deux blocs : <div class="texte2ph1"> et <div class="texte2ph2">

Il faudrait englober ces blocs dans un conteneur auquel tu donnerais des propriétés permettant d'avoir une apparence proche de celle aperçue sur la page d'accueil.

Par exemple :

Code css :

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

1
2
3
4
5
6
.main {
	background-color:#FFF;
	margin:5px auto;
	width:700px;
	overflow:auto;
}

Code html :

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

1
2
3
4
<div class="main">
	<div class="texte2ph1">
	<div class="texte2ph2">
</div>

Quoi qu'il en soit, en allant directement sur la page avant.html, tu n'auras pas un rendu identique à la page d'accueil puisqu'il n'y aura ni entête, ni pied de page.

**francotrek** · 07/12/2008, 12h08

Avec mes remerciements.
Bonne journée.

Affichage dans le navigateur.

CSS

Discussions similaires

Partager

Partager