Lecture illisible dans le bloc notes

Jacobéo Messages postés 304 Statut Membre -  
Serge_La Messages postés 408 Statut Membre -
Bonjour,

J'ai voulu ajouter le code CSS dans les liens du menu de mon site http://www.jouenne-depreux.org pour le rendre visible, mais si chez moi le bloc notes me le sort normalement, en ligne cela devient illisible car horizontal, et je ne comprends pas pourquoi.

Merci
A voir également:

2 réponses

Dalida Messages postés 7114 Statut Contributeur 923
 
salut,

je ne comprends pas ce que tu veux dire.
0
Jacobéo Messages postés 304 Statut Membre 79
 
Bonjour Dalida,

J'ai placé sur le site un lien "blank" vers la page de CSS pour la rendre visible de tous, et voici ce que me donne le serveur chez moi, tout à l'horizontale, donc illisible ... En local, cela reste parfait.

https://www.cjoint.com/?epmKf11Xeh
0
Dalida Messages postés 7114 Statut Contributeur 923 > Jacobéo Messages postés 304 Statut Membre
 
salut,

de ce que je comprend tu demandes à ce que le code soit afficher dans une autre fenêtre. le problème c'est que pour cela Windows utilise Notepad pour ouvrir les fichiers d'extension '.css'.
moi FF me l'ouvre dans un nouvel onglet mais il sait afficher le format par lui même. à mon avis vaudrait mieux charger le fichier comme du texte et l'habiller dans du html. mais pour ça xhtml ne suffit pas !!!
0
gryzzly Messages postés 5220 Statut Contributeur 1 335
 
bj,
je comprend pas vraiment otn probleme non plus, mais 2 choses :
1)
<!-- je ne sais plus à qui appartient cette div !! -->
je te conseille d'utiliser notepad++, qui permet de grouper les balises et utilise la ocloration syntaxique. tu retrouvera facilement a qui elle appartient (il me semble qu'elle est en trop au premier coup d'oeil)
2)
<style type="text/css">
<!--
@import url("css/imagine.css");
-->
</style>

je ne comprend pas cette syntaxe. pour appeller la css pour la mise en forme, il faut inclure dans le head de cette facon :
<link rel="stylesheet" href="/css/imagine.css" type="text/css">
0
Jacobéo Messages postés 304 Statut Membre 79
 
Bonjour Grizzly,

Merci de tes remarques, mais cette syntaxe fonctionne correctement, pour moi c'est l'essentiel. Elle m'été génére par Dreamweaver 8 et le W3C est passé dessus sans problème ..

Cette méthode permet d'avoir un style commun à plusieurs pages écrit dans un fichier externe, tout en conservant la possiblité de différencier quelques styles propres à chacune des pages (Jean Engels XHTML et CSS page 246).

Pour la div en trop, je vais regarder de plus près, car normalement elle a été supprimée (car inutile) lors du test du W3C.

Actuellement, je joue un peu à l'apprenti sorcier, et cela est très amusant de découvrir toutes ces possiblités du CSS 2.01
0
Serge_La Messages postés 408 Statut Membre 47 > Jacobéo Messages postés 304 Statut Membre
 
Je voudrais ajouter que les autres syntaxes permettent aussi d'ajouter des codes spécifiques aux pages et d'avoir des css externes.
0
Dalida Messages postés 7114 Statut Contributeur 923
 
re,

pour incorporer la feuille de styles vous pouvez le faire par un lien html
<link rel="stylesheet" href="/css/imagine.css" type="text/css">
ou par une commande css ('@import') à l'intérieur d'un bloc <style>
<style type="text/css">
<!--
@import url("css/imagine.css");
-->
</style>


cela doit permettre de sélectionner certains navigateurs très anciens parce qu'il ne gère pas les commandes css mais c'est plus une intuition qu'un souvenir...
chacun sa route ! moi je préfère le lien html, peut être car il est plus simple à copier-coller !
0