Discussion :

[Julien59]

désolé, j'ai posté un message précédemment comme quoi ca ne fonctionnait pas, mais j'avais pris mes pages "témoins" au lieu des pages modifiées. Ca fonctionne très bien, merci.

Par contre j'ai un autre probleme par rapport au menu a gauche des pages. Dois je ouvrir un autre sujet ?

En gros le probleme se situe sur la page suivante :
http://195.83.1.222/~jlizzul/site/site/contac.html

Lorsque le menu se déroule il se retrouve derriere le texte et du coup, on ne peut plus cliquer sur le lien du menu puisqu'il se referme dès qu'on arrive sur le texte. J'explique surement mal, donc je vous ai mis le lien pour que vous puissiez mieux comprendre par vous même.

il me semble que c'est à cause du code utilisé pour positionner le texte qui est "style=position:absolute", mais je ne trouve pas de traitement..

Merci d'avance.

(je me suis permis d'enlever "résolu", je le remettrai si je dois ouvrir un autre sujet)

[Deallyra]

heu...

tu recopies toujours le même code pour tes pages?

il serait mieux de faire appel à un langage serveur (si possible) pour appeler une page qui code le haut et le menu, une autre qui code le bas

[Julien59]

Je ne sais pas ce qu'est un langage server...
Je suis assez novice dans tout ca, et je fais tout le code à la main. On m'a conseillé frontpage, mais je n'aime pas vraiment...

[Deallyra]

ton site.
Essaies de te renseigner afin de savoir s'il supporte les langages serveur comme le PHP.

Si oui, il y a possibilité de mettre tout le code de la bannière et du menu dans un fichier
tout le code de pied de page et fermeture de balise dans un autre fichier
et de les appeler dans le fichier index, contact ...

ainsi, si tu dois modifier le menu ou la bannière, tu ne le fais que dans un seul fichier pour tout le site!

[Julien59]

d'accord! J'ai à peu près compris, par contre il faudra m'expliquer comment appeler l'index :p

Mon site acceptera le php, il n'est en ligne que via un hébergeur de mon école, donc je peux le modifier sans soucis normalement... Il n'est pas encore mis en ligne sur le net en fait, pas en circulation dira-t-on... Mais je pense avec peu de chance de me tromper que je peux mettre sans soucis du php.

[Deallyra]

en gros, ca se passera comme ca

PageHaut.php

Code :

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

1
2
3
 
tout ton doctype, head, body avec bannière et menu
ton code html ^^

PageBas

Code :

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

1
2
3
 
on pied de page
le /body et /html

ensuite, ta page index .htm, tu la renomme en index.php

Code :

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

1
2
3
4
5
6
7
8
 
<?php
require("PageHaut.php"); //appel de la page php qui gère la bannière et le menu
?>
là ton code de page d'index sans menu et bannière, sans pied de page blablabla
<?php
require("PageBas.php");
?>

[Julien59]

ah ok
En effet, ca simplifie pas mal les choses
Merci pour cette astuce!

Par contre, mon probleme de menu subsiste je pense :p (passage derriere le texte)

[Deallyra]

sur ta page d'index il n'y avait pas de problème.

récupères donc ce code
et toutes tes pages devraient marcher

[Julien59]

En fait, j'ai bien spécifié une page qui est :

http://195.83.1.222/site/site/contac.html

En fait, j'aurai aimé positionner moi même le texte sur toute les pages avec <"style=postion:absolute">. Sur l'accueil, il s'agit d'un <center>, ainsi que sur les autres pages, avec des <br>. J'ai donc, sur le site, contourné le problème en faisant un imprime écran sans le menu déroulé, pris que le texte, et collé ensuite l'image dans

http://195.83.1.222/site/site/contact.html

qui est la page du site. Le probleme n'est plus puisqu'il s'agit d'un center avec une image.

Je ne sais pas si tu me suis

En gros, je pense fortement que le probleme vient de "position:absolute"

[Deallyra]

liens morts

[Julien59]

Pardon

http://195.83.1.222/~jlizzul/site/site/contac.html <--- avec l'erreur

http://195.83.1.222/~jlizzul/site/site/contact.html <--- avec le contournement de l'erreur

[Seta-san]

Je ne suis pas sur d'avoir compris mais dans les styles de tes div ajoute ceci :

z-index:1;
puis pour un autre
z-index:2;
etc..

Sachant que si le 1 devait croiser le 2, alors le 2 sera au dessus du 1. Et si il y a un 3, il sera au dessus du 1 et du 2.

Essaye toujours ^^

[Julien59]

pourrais tu me mettre un exemple de syntaxe stp ?

<style type="text/css" >

sur ca par exemple.

Parce que j'ai essayé, <style type="text/css" z-index:1;>
et ca ne change rien au problème (j'ai mis ce qui devait être au dessus en z-index:2;

Merci !

[Deallyra]

hum...

z-index est une propriété pour tes éléments

[12monkeys]

pourrais tu me mettre un exemple de syntaxe stp ?

<style type="text/css" >

sur ca par exemple.

Parce que j'ai essayé, <style type="text/css" z-index:1;>
et ca ne change rien au problème (j'ai mis ce qui devait être au dessus en z-index:2;

Merci !

Hello

<style type="text/css"> sert à mettre du css dans une page html au niveau du head, donc séparé du code de ta page. Exemple

Code :

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

1
2
3
4
5
<head>
<style type="text/css">
h1 { font-size:1em }
</style>
</head>

Ici tous les h1 de cette page auront une taille de police de 1em.

Pour mettre un style css sur une balise html il faut faire ainsi :

Code :

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

<h1 style="z-index:12;">Le titre</h1>