Je me lance dans les css en utilisant simplement pspad et quelques connaissances basiques que j'ai pu glaner de ci de là :
http://www.alsacreations.com/articles/
http://dicolive.media-box.net/docCSS/cs ... erByType=1
http://www.commentcamarche.net/css/cssintro.php3
Je viens de modifier ma page d'accueil en conséquence.
Cependant, il y a des différences d'affichages au niveau de la taille de polices entre Internet Explorer et Firefox (la version FF est celle que je souhaiterais obtenir de préférence).
y-a-t-il possibilité de remédier à cela ?
Voici mon fichier css :
Et ma page d'accueil : http://pagesperso.laposte.net/jojaba//*Document CSS*/
/*------------Partie commune à toutes les pages du site Jojaba-------------*/
/*Mise en page générale de la page*/
body {
background-color: rgb(255, 255, 204);
font-family: helvetica,arial,sans-serif;
color: rgb(153, 51, 0);
}
/*Apparence des liens*/
A:link { color:#004080; text-decoration: none;}
A:visited { color:#004080; text-decoration: none;}
A:hover { color:#FF6543; text-decoration: none; }
/*propriétés du tableau*/
table {
text-align: left;
height: 100%;
width: 100%;
background-color: rgb(255, 255, 204);
}
/*propriétés des listes*/
#puce {
list-style-image: url(images/puce.gif);
}
/*---Menu gauche---*/
/*Boutons du menu de navigation*/
#bouton {
font-size: small;
border-style: outset;
border-color: rgb(255, 153, 0);
text-align: center;
background-color: rgb(255, 204, 102);
}
/*listes dans le menu de navigation*/
.liste{
list-style-type: none;
margin: 0;
padding:5;
font-size: xx-small;
}
h2 {
font-size: medium;
text-align: center;
border-style: outset;
background-color: rgb(255, 255, 204);
border-color: rgb(255, 255, 204);
}
h3 {
font-size: small;
font-weight: bold;
background-color: rgb(119, 210, 255);
padding:5;
}
/*------------Fin de la partie commune à toutes les pages du site Jojaba-------------*/
/*------------Partie spécifique à index.html-------------*/
/*conteneur droit*/
.conteneur {
border-style: outset;
border-color: rgb(255, 204, 153);
background-color: rgb(255, 204, 153);
padding: 5px;
font-size: small;
}
/*Titre*/
h1 {
font-size: large;
text-align: center;
background-color: rgb(255, 204, 153);
border-style: outset;
border-color: rgb(255, 204, 153);
}
Merci d'avance !
.
...
).
)
