Problème de convertion html > xhtml 1.1 - Comment coder certains trucs en xhtml ?

Logiciel & apps Programmation
1

Hello,

j’aimerais passer une page html 4 en xhtml 1.1
Cependant, j’ai un p’tit souci avec l’attribut bgcolor de la balise <body>. Apparemment, bgcolor n’existe plus dans xhtml… :heink:

Alors par quoi faut-il le remplacer ?

Voici mon code pour le moment :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>un titre</title>
</head>
<body bgcolor="#F8F8F8">
blabla
</body>
</html>

en le testant ici : Validateur W3C ( :super: )

Si vous avez une idée ! N’hésitez pas !!!
Merci d’avance…

:hello:

2

il te faut utiliser une feuille de style css et définir une règle pour body dans le genre

body {Background-Color:#F8F8F8}

un lien parmi d’autres sur css http://css.alsacreations.com/

3

merci exo7 pour ton aide !! :super:

par contre, j’ai a nouveau un autre souci…

Est-il possible d’alignement verticalement et horizontalement tout ce qui se trouve dans le body ?

4

Toute mise en forme est retirée du xhtml au profit des CSS :slight_smile:

pour aligner il faut aussi utiliser CSS :slight_smile: voir le positionnement de boites sur http://openweb.eu.org :slight_smile:

5

ok, çà c’est bon à savoir !!! merci :slight_smile:

bah j’ai trouvé des trucs mais je n’y arrive pas … :riva:
J’ai essayé avec vertical-align: middle;
et de cette manière :

.centre {
	vertical-align: middle;
}

avec :

<body>
<div class="centre">
tout mon truc à centrer V/H
</div>
</body>

@+ :bounce:

6

Ca ne fait que centrer verticalement dans ton div :slight_smile:

Le site que je t’ai donné a un article sur ces choses là.

Il faut jouer sur les margin, les padding, et les position:

Mais alors là bonjour les problèmes avec IE ^^

7

si tu veux mettre du css sur tout ton <body>, pas besoin de rajouter un div, tu fais :

body {
// tout le css
}

8

pour centrer verticalement va lire cet article http://www.jakpsatweb.cz/css/css-vertical-…r-solution.html

9

merci à vous tous !!!! :wink:

Qui a dit que css simplifié les choses ? :grrr: Il est où le valign ??? :’(
J’ai toujours pas trouvé la solution miracle pour mon truc…

J’ai regardé ton lien exo7, le problème c’est que je n’arrive pas à l’adapter…
Dans l’exemple ici : http://www.jakpsatweb.cz/css/priklady/vert…olution-en.html
" la chose à centrer " est contenu dans " une boîte " avec une hauteur prédéfinie (400px) or moi j’aimerai que la hauteur ne soit pas renseigné pour gérer toutes les résolutions d’écrans …

HELP … :’(