Cours de Fraise Tagada

Administratrice Nombre de messages : 11442 Age : 32

On est légèrement manque en de profs pour toshop. Quand il y en a des nouveaux, ils disparaissent dans la semaine à venir... malheureusement. Pour une fois que c'est pas pour tofiltre...

Pour la question de la marge... Tu as ça dans le code d'une de tes trois pages de base (je ne sais pas laquelle, étant donné que quand on regarde le code depuis le navigateur, ça nous mélange le code des trois pages) :

Code:: 
<div id="entete h1 img" style="position: absolute; align: center; maring-top: 10px;">
<img src="http://heartless09.free.fr/precious-illusions/piv1.png"><div>

Tu as défini un marge en haut, mais pas à gauche. A mon avis, celle à gauche, c'est celle qui se met automatiquement quand on insère quelque chose dans la page. Essaie donc de définir la marge à gauche à 10px également. Je ne sais pas si ça peut résoudre le problème, mais on peut toujours essayer Wink

Pour l'alignement, tu parles pas plutôt du contenu ? Parce que le menu est bien aligné. Pour ça, il faut que tu mettes une largeur plus petite ici (code dans une des trois pages)

Code:: <div id="contenu" style="position: absolute; width:580px; z-index: 1; left:0px; top:310px">

Mais selon ton édit suivant, c'est bon Wink

Donc pour les "carrés", en fait c'est tout simplement qu'on a défini une marge (d'une certaine couleur) à gauche (tu peux aussi la mettre à droite si tu préfères). Code à mettre dans le css, pour le h3 donc :

Code:: h3{
color: #FFFFFF;
background-color: #000000;
border-left: 10px solid #EEEEEE;}

C'est la dernière ligne ci-dessus qui défini la largeur du "carré", le "solid", c'est à laisser, et il faut régler les couleurs.

Pour finir, en ce qui concerne le texte éloigné des titres, ça doit être un problème de marges ou de paddings, comme tu le dis. C'est toujours avec ça qu'on s'emmerde. En fait, on a tendance à définir un peu partout des marges, et du coup, ça nous fait des énormes trucs. Il faut que je regarde plus précisément le CSS pour essayer de trouver ce qui cloche. Je ferais ça demain, quand je serai un peu plus "fraiche" ^^ (quoiqu'on est déjà "demain" ^^)

Voilà, je crois n'avoir rien oublié Wink

Code:: body {
color: #F0E39E;
background: #d5d5d1;
font-family: Tahoma;
}
a {
color: #FF6533;
}
a:hover, a:focus {
color: #FF4C00;
}
strong {
color: #A1B55D;
}
h3 {
color: #ffffff;
background-color: #b1b6b8;
text-align: center;
padding: 5px;
font-size: 13px;
font-family: Tahoma;
font-variant: small-caps;
letter-spacing: 0.1em;

}

/* Navigation */
#navigation {
background: #e3e3e0;
margin-left: 5px; /* -> 2 */
}
#navigation a {
color: #b0b9bd;
}
#navigation a:hover, #navigation a:focus {
background: #ffffff;
}

#welcome {
font-family: Tahoma;
font-size: 9px;
}

/* Contenu principal */
#contenu {
color: #777b7b;
background: #f2f2f0; /* -> 2 */
font-family: Tahoma
}
#contenu a {
color: #b0b9bd;
}
#contenu a:hover, #contenu a:focus {
color: #6E5122;
}
#contenu strong {
color: #d6d6d6;
}
#contenu italic {
color: #b5bfbf;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
padding: 5px 5px;
}
#global {
width: 770px; /* -> 3 */
margin: 0 auto; /* -> 4 */
}

/* En-tête */
#entete {
padding: 0px 0px 0px 0;
}

#entete h1 {
margin: 0;
}
#entete h1 img {
float: center;
}
#entete .sous-titre {
margin: 4px 0 15px 0;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
width: 100%; /* -> 5 */
overflow: hidden; /* -> 5 */
}

/* Menu de navigation */
#navigation {
width: 180px;
color: #b0b9bd;
float: left;
padding: 0px;
margin-left: 0px;

font-size: 10px;
/* -> 6 */
}
#navigation ul {
margin: 0;
padding: 0px 0px 0px 0px;
}
#navigation a {
display: list-item ;
padding: 5px 15px 5px 15px;
line-height: .5;
font-family: Tahoma;
list-style: none;
font-size: 9px;
text-decoration: none;
}

/* Contenu */
#contenu {
margin-left: 190px; /* -> 8 */
padding: 5px 5px;
}
#contenu > :first-child {
margin-top: 10px;
}
#contenu p, #contenu li {
line-height: .5;
font-size: 10px;
}

/* Pied de page */
#pied {
margin: 0;
padding: 15px 20px 10px 0;
background-color: #f2f2f0;
color: #777b7b;
font-size: .85em;
}

/* Mention de copyright */
#copyright {
margin: 8px 0 0 0;
font-size: 1em;
text-align: left;
}

Administratrice Nombre de messages : 11442 Age : 32

Je regarde le CSS dans la journée.

Les pieds de page, il faut que je me renseigne. J'avais déjà tenter de le faire, mais sans grand succès.

J'ai pas trop compris ce que tu as dis à la fin. Tu veux éloigner ton texte des bords, ok, mais pour ça, ça va obligatoirement réduire (en largeur) la place pour le texte. C'est bien avec les paddings qu'il faut le faire donc.

Essaie éventuellement de changer le padding dans ce bout de code (de ton css) :

Code:: /* Menu de navigation */
#navigation {
width: 180px;
color: #b0b9bd;
float: left;
padding: 0px;
margin-left: 0px;

font-size: 10px;
/* -> 6 */
}

Administratrice Nombre de messages : 11442 Age : 32

Oui, on y arrivera. Il faut être optimiste quand on fait des sites web. On s'en sort pas autrement.

D'ailleurs, j'ai réussi à trouver la solution à mon problème hier... après 5 HEURES d'essais en tout genre ^^ Je suis folle, j'te dis ^^

Administratrice Nombre de messages : 11442 Age : 32

Je vais essayer de regarder pour le menu sur les deux navigateurs.

Administratrice Nombre de messages : 11442 Age : 32

C'est pas plus long avec le php qu'avec les frames, t'inquiètes pas Wink

C'est pas quelque chose de "lourd" ce qu'on a mis en php.

Sinon, pour le menu (sur les deux navigateurs). A mon avis, il doit exister des proptiétés pour les listes (<li>) dans le CSS. Mais il faut que je fasse des recherches.

C'est bizarre, parce que sur IE, ça ne m'affiche pas les puces, alors que sur Firefox oui.

EDIT :

J'ai trouver sur un site qu'il fallait mettre ça (dans ton css) pour enlever les puces (qui ne s'affichent de toute manière pas avec IE) :

Code:: li{
list-style-type:none;}

Après, pour l'espace qu'il y a entre deux "mots" du menu, on peut éventuellement régler les marges dans le meme bout de code que je t'ai donné ci-dessous, mais en ajoutant la propriété :

Code:: margin-top : ??px ;

Enfin, c'est un supposition... je promets rien ^^ Il y a plusieurs trucs dans ce genre en tout cas, ou quand on ne définit rien, ça met une marge automatique... selon le navigateurs : c'est là qu'on peut avoir de grosses différences du coup.

EDIT : rahhhhh, il m'énèrve ce IE. Il ne supporte pas la moitié des proptiétés CSS. J'ai jamais vu un truc autant à la traine.

Administratrice Nombre de messages : 11442 Age : 32

Non, ça concerne un truc que j'essaie de faire marcher (pour moi).

Essaie de mettre le margin-top.

Administratrice Nombre de messages : 11442 Age : 32

Je te le fais pas dire. C'est pas possible d'avoir un logiciel aussi à la traine. Ah, et maintenant, c'est le FTP qui ne veut plus se connecter... je vais aller dormir je crois, au moins, il n'y aura rien qui m'embête ^^

Alors bonne nuit Wink

Administratrice Nombre de messages : 11442 Age : 32

Administratrice Nombre de messages : 11442 Age : 32

Ok. Par contre, tu ne pourras pas voir le résultat (puisque c'est en php) si tu n'as pas hébergé les pages.

Donc pour les autres pages, tu prends exactement le même modèle que la page index.php (que tu renommeras autrement bien sûre). Il te suffit de changer le contenu.

Moi j'ai toujours le ftp qui fait des siennes. Va savoir pourquoi...

Administratrice Nombre de messages : 11442 Age : 32

Je verrai tout ça quand c'est en ligne alors Wink

Administratrice Nombre de messages : 11442 Age : 32

WOUAW !!! Et bien dis donc, le résultat est vraiment superbe !!!!!!!!! coeur2!

Et de rien pour l'aide. Tu te rends pas compte du nombre de chose que j'ai appris depuis que je t'ai prise comme élève. Chaque fois (pratiquement tout le temps ^^) que tu me posais une colle, j'allais fouillé, chercher des solutions. Je suis moins conne que le mois passé ^^ Laughing

Reste à faire les pages manquantes maintenant Wink

Euh... ça veut dire quoi "carrivages" sur l'index !?!

Administratrice Nombre de messages : 11442 Age : 32

Le mot "carrivages " était dans dans la parenthèse, dans cette phrase :

Fraise Tagada a écrit:: Euhm, tu as vu la place pour le compteur touuuut en bas dans la partie navigation ?
Je voudrais mettre un compteur de visites (carrivages sur l'index quoi) mais je sais pas comment faire. Tu me conseilles quoi ?

Tu voudrais un compteur visite qui n'affichent que du "texte" ? J'entends par là qui n'est pas une image, comme ça on peut le mettre à la suite du "visites :". Moi j'utilise toujours I-services.net ( http://www.i-services.net/ ), mais je ne sais pas si on peut mettre en simple texte.

Je vais déjà refaire le tour de tous mes petits papiers avec les différents mots de passe de... beaucoup d'endroits ^^ (ben oui, il faut bien tester les choses ^^). Je vais tacher de retrouver le bon Wink

Administratrice Nombre de messages : 11442 Age : 32

Chez moi il n'y a absolument aucun compteur qui ne s'affiche (même pas en dessous).

J'en ai profité pour regardé les headers Wink

C'est magnifique ! A ce sujet, tu pourrais me dire qu'elle police tu as utilisé pour écrire " L'armoire ensorcelée " sur cette créa :

Spoiler:

» Cours de Fraise Tagada
» Examen de Fraise Tagada
» Examen de Fraise Tagada
» Candidature de Fraise Tagada[terminer]