CSS - Le Retour 1

Fermé
Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 - 21 avril 2007 à 09:23
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 24 avril 2007 à 12:08
Bonjour Gihef,

Voilà le lien que tu me demandes http://www.j-images-j-in.com
Je n'ai pas beaucoup travaillé dessus ces derniers jours.

Un souci, la perte de mes image (logo et surtout la fleur de pied de page dont je suis assez satisfait). Pour les angles arrondis, seul celui du bas à gauche est placé, je cherche une idée graphique pour le reste.

La ligne du bas est ausi une image travaillée sous AdobbePhotoshop et dégradée vers le blanc. Je cherche à remonter vers la droite pour terminer également en dégradé.
En ce qui concerne la fauille de style, j'y retrouve des balises "non invitées par moi et je suis incapable de dire à quoi elles servent !

Les liens internes (sauf le premier) sont inactifs; les liens externes le sont. Dans la seconde page, la feuille de style est différente, mais pas très au point. Créer du style me semble une chose, gérer les feuilles me semble être plus compliqué au début, cela a tendence à se mélanger les "pinceaux"!

Voilà donc où j'en suis pour le moment. Bien entendu, je reste à l'écoute (grande écoute) de tout ce que vous me direz sur cette présentation et le CSS.

Merci


2 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
21 avril 2007 à 17:26
salut,

tu as un peu précipité le retour...
ton lien vers la css pointe vers ton fichier local...
c'est balot ! -;o)
heureusement je l'avais déjà vu l'autre jour et effectivement le pdp est une réussite, félicitations !

mais que vois-je ???
    <title>Document sans titre</title>
    <!-- [...] -->
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>

burk, burk, burk...
0
Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79
21 avril 2007 à 18:22
Ouais, un zéro pointé !

Mais là, je suis à sec. Je n'arrive plus à retrouver la position. je crois que je me suis planté et .. mélangé les versions.
0
Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79
21 avril 2007 à 18:34
Mon problème est que je n'arrive plus à placer cette image de pied de page, un coup trop haut, un coup trop bas. Bizarement, ce que je vois en win ne correspond pas à mon IE7 en local, et cela seulement pour cette image, sans doute une balise qui traîne et qui polue le reste.
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776 > Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008
21 avril 2007 à 19:51
“je n'arrive plus à placer cette image de pied de page”
Laquelle ?

Voilà ce que je vois : http://cjoint.com/data/evtYoj0krv.htm [pdf - 260 ko]
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
21 avril 2007 à 19:24
Bonjour,

À part ces quelques “bugs”, on peut quand même constater que c'est beaucoup mieux.
Et on va pouvoir chipoter (-:

En vrac et sans supposer que ça a été repris.
• Pour les “titre”, il existe des balises bien utiles : h1, h2… h6 qui permettent, entre autres, de garder un aspect hiérarchique à la page même si elle est coupée de sa feuille de style.
• Les page1.css et page2.css sont identiques.
• “Qui suis-je ?” pointe bien vers la page du même nom. Mais lorsqu'on est dans cette page, il renvoie vers “page1.html”.
• Pour éviter les “<p>&nbsp;</p>”, tu peux peut-être essayer, dans une seule <ul>
<li style="margin-top:22em;"><a href="https://creativecommons.org/
ou une id pour elle seule ?


Et puis un peu de typo.
• “les "Frames", les Cadres” sont des noms communs.
• Il ne faut pas d'espace après l'apostrophe “ ' ”. Ça évite que ce qui suit passe à la ligne, indépendant.
• Les ... vont toujours par trois et doivent être collés à ce qui les précède. Il existe un code HTML pour le caractère “…”, c'est &hellip;
• “Le noir &[espace]blanc”.
• Pense à un &nbsp; avant les signes doubles (? ! ; :). Ça évite… à la ligne.
0
Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79
21 avril 2007 à 19:56
Bonsoir,

On se croise les amis, on se croise,...
Je viens de faire la modification et enlevé les "beurk" de Dalida en ajoutant une div pour le menu du bas, supprimé les liens inutiles vers le CSS, HTML en local ... mais je ne vois toujours pas l'image en bas à droite.
Je regarde ton message Gihef et je reviens.
0
Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79
21 avril 2007 à 21:01
Merci pour tes conseils Gihef, je vais essayer de m'en rappeler. Voici ce que que moi je vois en local. C'est ce qui devrait apparaître sur IE en ligne https://www.cjoint.com/?evuSwUKyMk

En ce qui concerne le menu suppl, je l'ai mis en position absolute faute d'avoir pu le descendre de son perchoir d'une autre façon !

Je continue donc, ...
0
Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79
21 avril 2007 à 21:08
Le lien brisé du message ci-dessus http://cjoint.com/data/evvgkRK2xh.htm
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
21 avril 2007 à 23:23
salut,

pour moi c'est ok avec FF 2, IE7 ne réussit même pas à afficher l'image&hellip (merci Gihef, je ne pense jamais à l'utiliser celui-là&hellip)
d'ailleurs, je reprends à mon compte la remarque de Gihef : "on va pouvoir chipoter"&hellip (^_^)
dans ta feuille de style je supprimerai le sélecteur contextuel quand tu cibles un identifiant.
/*  version actuelle  */
#conteneur #menu {
/*  [...]  */
}
#conteneur #logo {
/*  [...]  */
}
/*  version light  */
#menu {
/*  [...]  */
}
#logo {
/*  [...]  */
}

tous les identifiants se retrouvent avec une priorité de 200. donc aucun n'est prioritaire sur l'autre, la situation serait identique sans le premier 'id'.

à mon avis tu ne tires pas assez profit de la cascade, en particulier pour les propriétés de police et de couleur. tu peux les définir au niveau le plus haut de l'imbrication. ainsi, inutile de les définir à chaque règle.
html{
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
}
body{
font-size:0.78em;
color: #000000;
}

à chaque fois qu'une propriété est répétée dans deux éléments (frères ou parent/enfant) tu peux faire jouer l'héritage. dans ce cas {font-size} est répété pour les raisons décrites ici.
0
Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79
22 avril 2007 à 00:27
Grand merci pour les explications, ...

mais je vais aller cogiter tout cela durant la nuit. On verra demain matin. Cela est passionnant, et je confirme que le CSS est vraiment superbe.

Je viens de modifier ma seconde page avec un nouveau code différent de la première page, c'est cela qui me posait problème.

J'ai remis un "burk" <p> </p> pour descendre mon texte. J'ai cru voir qu'il était possible d'aligner le texte verticalement depuis "top", mais je ne retrouve plus où.

J'ai aussi supprimé les espaces entre "l' aventure du CSS". Merci pour les les cours de typo, sympa.


Internet ne vaut que s'il est partagé ...
Jacques
0