28172 sujets

CSS et mise en forme, CSS3

[Résolu] Menus verticaux à faire descendre

Bonjour à tous,
Je galère depuis plusieurs jours et je ne trouve pas de solution pour continuer 2 menus verticaux sur la gauche et la droite de ma page.

J'ai un fichier CSS dans lequel j'insère une image de fond qui se répète pour mes menus :

#gauche {
font:Helvetica;
color:#000000;
float:left;
background:url(../images/Banniere_gauche.png) repeat-y;
}
#droit {
font:Helvetica;
text-align:center;
color:#000000;
float:right;
background:url(../images/Banniere_droite.png) repeat-y;
}


J'ai ensuite 2 fichiers HTM dans lequels j'ai mes éléments de mes menus (sondage, infos, etc.)

Enfin, je fais appel, dans ma page index par exemple, à mon code CSS en incluant le contenu de mes fichiers HTM : tout ceci fonctionne parfaitement.


<div id="gauche">
<!--#include file="menuGauche.htm" -->
</div>

<div id="droit">
<!--#include file="menuDroit.htm" -->
</div>


Là où je galère, c'est que lorsque je consulte mon index, le début de page contient bien mon menu de gauche et mon menu de droite, mais en bas de page, les menus étant terminé, j'ai sur toute la largeur mon contenu de mon index sans menus sur les côtés !

Comment faire pour que mes menus continus de chaque côté jusqu'à la fin de ma page index ?
Merci d'avance
Djé

P.S. : possibilité de fournir d'autres éléments sur le forum ou par messages privés ou mails.
upload/10437-1.JPG
Modifié par jeje137 (20 Aug 2008 - 16:25)
Salut et merci de ta réponse,
Effectivement, j'avais pas trouvé ces articles.

Malheureusement, j'ai essayé pas mal de solution sans succès dans le CSS. Le mieux, il me semble, serait d'intégrer le "background" de l'image dans l'index plutôt que dans le CSS pour que l'image de fond ne suive plus "menuGauche.htm" mais suive plutôt le contenu des pages ASP (ici, l'index).

Le problème : comment écrire ce code dans ma page ASP ?


<div id="gauche">
<!--#include file="menuGauche.htm" -->
[b]METTRE ICI LE BACKGROUND ....[/b]
</div>

<div id="droit">
<!--#include file="menuDroit.htm" -->
[b]METTRE ICI LE BACKGROUND ....[/b]
</div>


1 - Est-ce possible ?
2 - Si oui, comment écrire cette ligne pour qu'elle soit compatible avec une page .ASP ?

Merci encore
Djé
Hein? Smiley confuse

Je crois que tu confonds allègrement ASP, HTML et CSS. Alors pour rappel:
- ton code ASP génère le code HTML qui sera envoyé au navigateur... le code ASP ne sera vu que par le serveur, et donc le navigateur se fiche royalement de ce que tu écris en ASP tant qu'il reçoit une page HTML complète;
- le contenu HTML est mis en forme par ta feuille de styles CSS, qui n'a pas grand chose à voir avec ASP.

Pour appliquer la technique des colonnes factices, il ne s'agit pas d'appliquer une image de fond à un code ASP (ça ne veut strictement rien dire, d'ailleurs... Smiley rolleyes ), ou de placer un background dans l'index plutôt que dans le CSS (ça ne veut pas dire grand chose non plus, et même ça confine à l'humour nonsense involontaire Smiley cligne ). Il s'agit juste d'appliquer une image de fond à l'élément HTML qui contient les «colonnes», plutôt qu'aux «colonnes» elles-mêmes.

L'information donnée par Changaco devrait te suffire pour résoudre ton problème. Si ça n'est pas le cas, alors tu as d'importantes lacunes en HTML et CSS à combler d'urgence (et donc, à tout hasard: Comment débuter avec XHTML et les CSS ? Que sont les standards web ?).

Bonne continuation. Smiley smile
Modifié par Florent V. (20 Aug 2008 - 13:15)
Merci pour ta réponse mias ...

1. "Il s'agit juste d'appliquer une image de fond à l'élément HTML qui contient les «colonnes», plutôt qu'aux «colonnes» elles-mêmes"
Je suis on ne peut plus d'accord mais mon problème était bien que je veux continuer mon image de fond de colonnes appliquée à l'élément HTML car mon élément HTML est toujours plus court que mon contenu de page (revoir l'image jointe : éléments HTML en haut à gauche et à droite) !

2. donc "L'information donnée par Changaco devrait te suffire pour résoudre ton problème"
... est NON malheureusement puisque les cas évoqués ne sont pas applicables
- Comment faire des "colonnes" de même hauteur ? : fais sans succés sur les différents positionnement du background dans le CSS
- Un design fluide avec trois «colonnes», grâce au positionnement flottant : non applicables au vu des exemples

3. J'ai bien compris ta réponse pour le déplacement du Background ... même si je l'ai eu de façon très particulière !

4. Moins d'egocentrisme et plus d'explications courtoises ... surtout d'un modérateur qui doit respecter les régles de bonnes conduites du forum. Merci de ne pas détruire les membres bénévolent d'assoc qui tentent de réaliser des choses et améliorer l'esthétisme général d'Internet !

P.S. : en tant que modérateur, penses que je ne viens pas trop déranger le forum et que j'aurais peut-être une autre question à poser pour mon assoc ! Merci de ne pas me supprimer !
Sujet clos
Aller à