Rechercher : dans
Par :

Modifier la feuille style CSS

Dernière réponse le 1 jan 2009 à 13:29:17 Manshiz, le 4 déc 2006 à 14:10:15 
 Signaler ce message aux modérateurs

Bonjour à tous,

Voici ma feuille CSS:

/* style du blog
-------------------------------------------------------- */
body{
margin:0;
padding:0;
font-size:80%;
}
html>body{
background-position:65em 0;
}
p{
margin:1em 0;
line-height:1.5em;
}
form{display:block; margin:0; padding:0;}
code,pre{
font-family:"courier new",monospace;
font-size:1em;
width:100%;
overflow:auto;
}
a[hreflang]:after{
content:"\0000a0(" attr(hreflang) ")";
color:#666;
background:transparent;
}
img,a img{
border:none;
max-width:100%;
text-decoration:none;
}
ul{
list-style:square;
}
.left{float:left; margin-right:1ex;}
.right{float:right; margin-left:1ex;}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
}
h2{
font-size:1.3em;
color:#444;
background:transparent;
}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
fieldset{
border:none;
}
p.field{
clear:left;
margin-left:10px;
}
label.float{
position:relative;
float:left;
width:45%;
}
input,textarea,option{
-moz-border-radius:7px;
padding:2px;
font-size:12px;
}
input.text:focus,textarea:focus{
border-style:inset;
}
textarea{
width:100%;
}
.erreur,.message{
margin-top:5px;
border-left:6px solid #8b120d;
margin:20px;
padding:15px;
width:100%;
}
.message{
border-left:6px solid #006600;
}
.erreur span,.message span{
color:#8b120d;
font-weight:bold;
}
.message span{
color:#006600;
}
.erreur li{
list-style-type:square;
}

/* style de la page
-------------------------------------------------------- */
#page{
width:65em;
margin:0;
padding:0;
background-repeat:repeat-y;
background-position:46em 0;
}

/* style de l'entête (haut)
-------------------------------------------------------- */
#haut{
margin:0;
height:8em;
color:inherit;
margin-bottom:1em;
position:relative;
}
#haut h1{
margin:0;
font-style:italic;
font-weight:bold;
font-size:2.5em;
position:absolute;
bottom:0.5ex;
left:1ex;
}
#haut a{
text-decoration:none;
background:transparent;
}

/* style du contenant
-------------------------------------------------------- */
#contenant{
float : left;
width:45em;
margin-right : 0px;
}

/* style du contenu
-------------------------------------------------------- */
#contenu{
margin:0 0 0 10ex;
}

/* contenu: style des articles
-------------------------------------------------------- */
.post{
margin:0 0 2.5em 0;
padding-left:2ex;
position:relative;
}
.day-date{
margin:0;
background:transparent;
text-align:right;
width:10ex;
position:absolute;
left:-13ex;
font-size:90%;
}
html>body .day-date{
left:-11ex;
}
.post h2{
margin-bottom:0;
}
.post h2 a{
background:transparent;
text-decoration:none;
}
.post-info{
font-size:0.85em;
margin:0;
}
.post-chapo{
margin-bottom:2em;
}
.post-contenu{
text-align:justify;
}
.com-info{
font-size:0.85em;
clear:both;
padding-left:13px;
}

/* contenu: style des commentaires et rétroliens
-------------------------------------------------------- */
#trackbacks{
margin-left:2ex;
margin-top:2em;
}
#comments{
margin-left:2ex;
margin-bottom:1em;
margin-top:2em;
}
.comment-info{
padding-left:13px;
}
#comments blockquote{
margin-left:1ex;
margin-bottom:2em;
padding-left:1ex;
}

/* style du menu
-------------------------------------------------------- */
#menu{
margin-left:47em;
margin-right:1em;
}
#menu h2{
font-size:1.1em;
color:inherit;
padding:3px;
}
#menu ul{
list-style:none;
list-style-image:none;
margin:0;
padding:0;
}
#menu ul li{
margin:1ex 0;
}
#menu ul li a{
text-decoration:none;
}

/* menu: style des blocs
-------------------------------------------------------- */
#calendrier{
text-align:center;
}
#calendrier h2{
display:none;
}
#calendrier a{
text-decoration:none;
}
#calendrier table{
font-size:0.8em;
margin:0 auto;
width:14em;
}
#calendrier caption{
padding:0 0 0.3em 0;
font-size:1.2em;
margin:0 auto;
}
#calendrier abbr{
border:none;
}
#calendrier th{
font-style:normal;
}
#calendrier td{
text-align:center;
}
#calendrier td a{
font-weight:bold;
display:block;
}

/* style du pied de page (bas)
-------------------------------------------------------- */
#bas{
margin:0;
padding:1ex 1em;
clear:left;
}
#bas ul{
clear:both;
margin:5px;
padding:0;
}
#bas li{
display:inline;
list-style-type:none;
}
#bas a{
text-decoration:none;
}


Jaimerais mettre une icône avec le titre du blog
et centrer ma page où j'écrit mes articles.

Mes problèmes: connaît pas l'anglais n'y l'écriture CSS.

Pour me simplifier la tâche, j'aimerais que vous me mettiez
en gras les zones à changer et ecrire à côté les changements.

Merci infiniment

[url]http://coupdepouce.mabulle.com/url]Coupdepouce[/url]

Meilleures réponses pour « Modifier la feuille style CSS » dans :
Déclaration d'une feuille de style (CSS) Voir Déclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec...
Changer l'aspect du curseur en CSS VoirLa propriété cursor permet de changer l'aspect du curseur sur un élément d'une page web. Le client affichera automatiquement le curseur de son ordinateur qui correspond au type de curseur que vous aurez choisi. Exemples Liste des attributs...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Hiérarchisation et Sommaire automatique sous Word VoirHiérarchisation et Sommaire automatique L’utilisation de la hiérarchisation sous Word permet de générer automatiquement un sommaire. De plus, il permet de simplifier les modifications de style et de mise en forme appliquées aux titres des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...

1

king, le 4 déc 2006 à 16:04:12

Y a ta "bulle" qui te dit que tu es hors ligne ;-)

Répondre à king

2

Gihef, le 4 déc 2006 à 23:01:26

Bonjour,

Modifier ta feuille de styles ne suffira pas.
Il faut aussi que tu modifies le document html.

Différentes manières de faire ont été évoquées >ici<.

+ Pour des liens corrects dans ce forum : Guide d'utilisation et “Mettre un lien hypertexte…”.
 

Répondre à Gihef

3

Gihef, le 4 déc 2006 à 23:25:15
  • +1

En y regardant d'un peu plus près, tu pourrais apporter ces modifications (en gras) à ton fichier css et à ta page html.

Dans “style_core.css” :

/* style de la page
-------------------------------------------------------- */
#page{
    width:65em;
    margin:0 auto;
    text-align : center;
    padding:0;
    background-repeat:repeat-y;
    background-position:46em 0;
    }
#conteneur {
    text-align : left;
    }
/* style de l'entête (haut)
-------------------------------------------------------- */

Dans le document html :
  <body>
    <div id="page">
    <div id="conteneur">
      <div id="haut">
    …
    …
    …
    …
    …
    …
      </div>
    </div>
    </div>
    <script type="text/javascript" src="/edition/visa/stats/cdata.js">
    </script>
  </body>


Bon, la conception de ta page fait que ça donne maintenant un rendu bizarre…
 

Répondre à Gihef

4

mohamed, le 17 oct 2008 à 18:28:15

Salut,svl je veux connaître quels sont les avantages de l'utilisation des feuilles de style CSS?merci à l'avance

Répondre à mohamed

5

 djromx, le 1 jan 2009 à 13:29:17

C'est pour l'accessibilité de ton site. c'est des normes, il faut séparer le code source de la mise en forme

Répondre à djromx