Feuilles de style
erik
-
rixmo -
rixmo -
Coucou à tous,
je suis pas un gros paresseux mais mon site est assez volumineux, et quand je dois faire une modification dans un lien du menu à gauche, c'est la galère...
J'ai bien compris le début de la théorie sur les feuilles de style.
Mais en fait, je me pose la question suivante : est-ce qu'il est possible d'obtenir une page blabla.css qui contienne le style à appliquer, mais également un titre, du texte, un menu à gauche, des liens etc... Ce qui ferait que si on change un lien, un texte dans cette page, il se change automatiquement dans toutes les autres pages dans lesquelles il est fait référence au <LINK rel=stylesheet type="text/css" href="blabla.css">
Comprenez-vous l'idée ?? Peut-être je rêve complètement mais c'est assez dans le style du malin qui a inventé le lien hypertexte pour se simplifier la vie...
Et si ca n'existe pas en css, peut-être qu'il existe une autre méthode ?? Merci beaucoup d'avance pour votre aide.
@ bientôt
erik
je suis pas un gros paresseux mais mon site est assez volumineux, et quand je dois faire une modification dans un lien du menu à gauche, c'est la galère...
J'ai bien compris le début de la théorie sur les feuilles de style.
Mais en fait, je me pose la question suivante : est-ce qu'il est possible d'obtenir une page blabla.css qui contienne le style à appliquer, mais également un titre, du texte, un menu à gauche, des liens etc... Ce qui ferait que si on change un lien, un texte dans cette page, il se change automatiquement dans toutes les autres pages dans lesquelles il est fait référence au <LINK rel=stylesheet type="text/css" href="blabla.css">
Comprenez-vous l'idée ?? Peut-être je rêve complètement mais c'est assez dans le style du malin qui a inventé le lien hypertexte pour se simplifier la vie...
Et si ca n'existe pas en css, peut-être qu'il existe une autre méthode ?? Merci beaucoup d'avance pour votre aide.
@ bientôt
erik
A voir également:
- Feuilles de style
- Modèle de style word - Guide
- Comment faire un livret avec des feuilles a4 - Guide
- Nom pour facebook stylé - Guide
- Style d'écriture a copier coller - Guide
- Bruler des feuilles de laurier - Guide
8 réponses
Non, on ne peut pas faire ça avec des feuilles de styles...
Par contre...
Je sais plus trop, là, mais "include", ça marche qu'en PHP ?
En tout cas, je suis sûr que ça marche en php, donc si tu peux en écrire, il te suffit de créer un fichier html (par exemple, menu.html) contenant les bouts de codes que tu veux réutiliser, et ensuite, dans chaque page php, tu mets à l'endroit voulu :
Voilà voilà ! En toute honnêteté je pense pas que ça existe (ou un équivalent) en html pur, mais je ne peux rien t'affirmer, il est trop tard ^^
Par contre...
Je sais plus trop, là, mais "include", ça marche qu'en PHP ?
En tout cas, je suis sûr que ça marche en php, donc si tu peux en écrire, il te suffit de créer un fichier html (par exemple, menu.html) contenant les bouts de codes que tu veux réutiliser, et ensuite, dans chaque page php, tu mets à l'endroit voulu :
<?php
include ('menu.html');
?>
Voilà voilà ! En toute honnêteté je pense pas que ça existe (ou un équivalent) en html pur, mais je ne peux rien t'affirmer, il est trop tard ^^
La meilleure solution qu'on m'ait proposée est d'utiliser un frame flottant, avec la balise <i frame>, j'ai fait un essai juste pour le menu à gauche, ca a l'air de fonctionner pas mal...
Avis aux amateurs, à l'adresse : http://www.allhtml.com/html/html170.php
Des que je peux je me mets au php, c'est pour bientôt !!
A plus
Avis aux amateurs, à l'adresse : http://www.allhtml.com/html/html170.php
Des que je peux je me mets au php, c'est pour bientôt !!
A plus
Sinon tu peux aussi inclure ton menu dans un javascript
genre :
dans ton .HTML :
<SCRIPT LANGUAGE="JavaScript" SRC="/menu.js"></script>
dans un fichier menu.js :
document.write(' <font size=6><a href="lien.html>menu</a>');
document.write(' <a href="lien2.html>blabla2</a>');
....
genre :
dans ton .HTML :
<SCRIPT LANGUAGE="JavaScript" SRC="/menu.js"></script>
dans un fichier menu.js :
document.write(' <font size=6><a href="lien.html>menu</a>');
document.write(' <a href="lien2.html>blabla2</a>');
....
bonjour,
il est déconseillé de géré le contenu d'un site en JS car les moteurs ne le lise pas tout comme les navigateurs texte qu'utilise les personnes handicapée et ce n'est pas conforme au wai
6.3 S'assurez que les pages sont utilisables quand les scripts, les applets ou objets programmatiques sont désactivés ou non supportés. Si ce n'est pas possible, fournissez une information équivalente sur une page alternative accessible. [Priorité 1]
http://www.la-grange.net/w3c/WAI-WEBCONTENT-TECHS/#scripts
PS c'est <script type=text/javascript>
font est obsoléte en html4
http://www.eisti.fr/res/res/html4/appendix/changes_inter_fr.dim?x=inter&l=fr#h-13.1.1.2
http://www.la-grange.net/2003/03/10.html
http://developpeur.journaldunet.com/tutoriel/css/020409css_htmlcss.shtml
http://babel.alis.com/web_ml/html/fontface.html
casper
il est déconseillé de géré le contenu d'un site en JS car les moteurs ne le lise pas tout comme les navigateurs texte qu'utilise les personnes handicapée et ce n'est pas conforme au wai
6.3 S'assurez que les pages sont utilisables quand les scripts, les applets ou objets programmatiques sont désactivés ou non supportés. Si ce n'est pas possible, fournissez une information équivalente sur une page alternative accessible. [Priorité 1]
http://www.la-grange.net/w3c/WAI-WEBCONTENT-TECHS/#scripts
PS c'est <script type=text/javascript>
font est obsoléte en html4
http://www.eisti.fr/res/res/html4/appendix/changes_inter_fr.dim?x=inter&l=fr#h-13.1.1.2
http://www.la-grange.net/2003/03/10.html
http://developpeur.journaldunet.com/tutoriel/css/020409css_htmlcss.shtml
http://babel.alis.com/web_ml/html/fontface.html
casper
Je vois bien l'idée, ca m'a l'air d'être excellent... m'en va essayer ça tout de suite :-)
D'après toi, le mieux, c'est un frame ou le javascript ??
@+
Erik
D'après toi, le mieux, c'est un frame ou le javascript ??
@+
Erik
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
A choisir entre ces deux solutions....
je ne choisirai certainement pas les iframes...
Le mieux etant certainement le php si ton hebergeur l'auorise :o)
++
Na kaer eo va Breizh,
gand ar mor glaz èn-dro dezi !
je ne choisirai certainement pas les iframes...
Le mieux etant certainement le php si ton hebergeur l'auorise :o)
++
Na kaer eo va Breizh,
gand ar mor glaz èn-dro dezi !
La solution en PHP s'appelle pseudo-frame, si jamais tu connaissais pas le nom voila que maintenant tu le connais ;-)
Sinon il existe la solution d'utiliser un editeur style Dreamweaver qui propose de créer un modele de page(template) et a partir de là, d'en créer plein d'autre facilement, si ton template viens a etre modifié, la MAJ se fera sur toutes les autres pages aussi.
voilou voilou
@++
Sinon il existe la solution d'utiliser un editeur style Dreamweaver qui propose de créer un modele de page(template) et a partir de là, d'en créer plein d'autre facilement, si ton template viens a etre modifié, la MAJ se fera sur toutes les autres pages aussi.
voilou voilou
@++
ou bien des le debut tu aurais pu faire un template (dans dreamweaver c de meme dans dautre je sais pas!) et le tour et jouer! cest franchement utile surtout pour un site volumineux... ca doit etre vraiment long gosser pour changer un seul lien... alors quavec un template, tu change, tu uplaodes tes pages, et cest fini!
youppi!
D_d
youppi!
D_d
j'ai des problemes avec les feuilles destyles si quelqu'un pourrais m'aider.
au faite ;j'ai du mal a positionner mon menu mon en_tete etmon corps voici mon code:
<gras <!--en_tete-->
<div id="en_tete">
<img src="image.gif">
</div>
<!--menu-->
<div id="menu">
<div class="element_menu">
<ulv
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
</ul>
</div>
<div class="element_menu">
<ulv
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
</ul>
</div>
<!--corps-->
<div id="corps">
</div></gras>
au faite ;j'ai du mal a positionner mon menu mon en_tete etmon corps voici mon code:
<gras <!--en_tete-->
<div id="en_tete">
<img src="image.gif">
</div>
<!--menu-->
<div id="menu">
<div class="element_menu">
<ulv
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
</ul>
</div>
<div class="element_menu">
<ulv
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
<li> <a href="#>menu</a></li>
</ul>
</div>
<!--corps-->
<div id="corps">
</div></gras>
