css avec <body> : KO. . . avec moi !

**rjl** · 28/04/2008, 01h09

Bonjour,
Je m'aperçois que j'avais laissé du style directement avec le HTML au niveau de <body>.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>Aînés Ruraux 22 Objectifs</title>
  <link rel="stylesheet" type="text/css"
 href="../CSS-AR22.css" />
</head>
<body style="margin: 10px; background-color: rgb(255, 255, 204);">
<div class="colgch">

Dans ce cas, mes éléments de style sont pris en compte ; si je les porte en css que ce soit directement avec la référence body ou comme je l'ai aussi fait aussi pour essai en créant une class "bodystyl" ça ne fonctionne plus ? Comment m'en sortir

? Nécessité de rester dans la feuille HTLM avec le style comme pour les images ?
Voila ce que j'ai en css ;

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<head>
.bodystyl { margin:10px; background-color: rgb(255, 255, 204); font-family: "comic sans ms", verdana, helvetica, 
arial, sans-serif ; font-size: medium; line-height: 120%;}
.colgch { width: 15%; color: blue; float: left; }

Si quelqu'un peut me préciser l'impact de head (et son pendant /head) en css, alors merci !
Je sais que c'est aberrant mais si je le supprime, mes lignes de texte se chevauchant verticalement, en particulier rendant toute lecture impossible !!
D'avance merci que ce soit pour ma question de base (css avec body) ou la question subsidiaire (head).
@bientôt RJL20080428

**veevee** · 28/04/2008, 08h45

[QUOTE=rjl;3205500]Bonjour,
Je m'aperçois que j'avais laissé du style directement avec le HTML au niveau de <body>.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>Aînés Ruraux 22 Objectifs</title>
  <link rel="stylesheet" type="text/css"
 href="../CSS-AR22.css" />
</head>

jusque là, ça va : tu as une feuille exterieure CSS-AR22.CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<body style="margin: 10px; background-color: rgb(255, 255, 204);">
<div class="colgch">

Là, ça ne va plus du tout
La ligne body style="...." est acceptable, mais la class suivante <div class="colgch"> doit être virée impérativement sinon, tu obtiens n'importe quoi

A partir du moment où tu ne structures pas un minimum attends toi à n'importe quoi et ne tire surtout pas de conclusions des aberrations

@+

**rjl** · 28/04/2008, 10h37

Bonjour veevee,
et merci de ta réponse ; qu'est-ce qu'une feuille "non structurée" ?
J'ai une feuille faite de 3 colonnes (la plus étroite à gauche pour le menu, les 2 autres regroupées pour les titres ou une occupation large ou individuelles ; ça marche avec le style en HTML direct mais pas lorsque le style déjà cité est confié à la feuille css !
Je joins 2 images dont celle en direct HTML

(déjà publiée sur iFrance.com) et l'autre que j'obtiens sur Kompozer avec le style porté en css

: les pointillés rouges (gris sur cette miniature) induits par Kompozer à l'ouverture initiale montrent bien la structure de la feuille dont, chose curieuse, les 10 pixels de marge déclarés dans la css sans que la couleur de fonds ne soit, elle, prise en compte !! Noter que le titre est une image avec en incrustation en fond de la même couleur que celle qui disparaît par le style en css
On remarque cette même marge (blanche) sur l'image obtenue avec le style direct en HTML !

Le <head> en 1ère ligne de css me gène aussi, dans le principe et plus encore le fait que le retirer sème une panique monstre !
Tu m'expliques que je ne structure pas et dois retirer la description de la colonne gauch… mais sans m'expliquer comment la remplacer : pour moi, <body> est le 1ère structuration (incontournable) puisqu'elle représente l'ensemble de la feuille ?
Merci de ta réponse
@bientôt RJL20080427

**Candygirl** · 28/04/2008, 10h43

Pourrais-tu stp donner le lien vers ta page en ligne?

**rjl** · 28/04/2008, 11h42

Bonjour et merci de t'intéresser à mes soucis.
Je peux donner la page en ligne http://ar22.ifrance.com/
mais c'est celle de mes premiers essais donc avec fond jaune : je n'ai pas remonté celle qui me supprime le fond (en le déclarant par la css).
Si nécessaire, je le ferai (mais perdrait le précédent).
Précédemment, je tentais de mettre les images par Image Shack mais je me suis battu pour ne pas avoir des timbres postes et n'ai réussi qu'à moitié !
A bientôt et pas de problème si d'autres éléments sont souhaitables.
@+ RJL20080427