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 :
Feuilles de style - CSS Voir Pré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...
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...
Déclaration d'une feuille de style (CSS) VoirDé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...
Les unités dans les feuilles de style (CSS) VoirLes unités Grâce aux feuilles de style il est possible de définir des valeurs numériques pour les propriétés de style de plusieurs façons : de façon absolue, c'est-à-dire dans une unité indépendante du format de sortie (en centimètres par...
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