Mauvaises manipulations d'un code HTML

**el_debutanti** · 25/03/2013, 22h26

Bonsoir à vous,
J'ai (malheur à moi

) un peu traficoter un code HTML sur Tumblr, tout ça pour mettre une photo en tête. La photo est actuellement absente (je n'ai pas créé de lien, elle se nomme donc "image" tout court). Le problème est que depuis mes gestes maladroits, la page n'est plus centrée (elle est collée sur la gauche), et la typo du nom des pages a changé, comment y remédier ? Impossible de m'y retrouver et j'ai malheureusement perdu le code d'origine (ce qui m'aurait permis de tester ce que j'ai effacé). je n'arrive pas non plus à trouver comment remonter la première ligne (le blog...). Je vous donne le code en PJ.
Merci pour votre aide.
Bonne soirée.

**NoSmoking** · 25/03/2013, 23h04

Bonsoir,
commence par virer ce qui entrave le début de ton code, on trouve un DOCTYPE, un script puis...un autre DOCTYPE.
Pour le centrage horizontal, ta div id="container" devrait avoir une largeur fixée et en mettant un margin:auto cela devrait le faire.

**el_debutanti** · 26/03/2013, 11h56

Slt NoSmoking,
MERCI ! Je ne vois qu'un DOCTYPE

En ajoutant un margin:auto, la page est bien centrée (sans rajouter de largeur à "container"_ et je n'ai pas trouvé où mettre cette largeur

La photo en tête sera-t'elle aussi centrée ? (l'icône représentant l'image absente est à gauche, mais il me semble que cela est normal). Par contre, pour les polices je ne vois pas à quel endroit les changer, ni comment remonter le tout (à partir de la première ligne).
Ci-joint encore une capture. Si je rajoute un > un /) ou un ; après le "margin:auto", le page revient à gauche. Encore merci pour ton aide

**Bovino** · 26/03/2013, 13h46

Quand tu fais CTRL + U (Firefox), tu vois bien la présence de deux doctype...
Ceci dit, ta capture d'écran, c'est pas mieux : tu as la balise <body> dans la balise <head> !

**el_debutanti** · 26/03/2013, 15h36

houlala

Merci Bovino. Bon, je vais tenter de revoir tout cela à tête reposée et de proposer un code plus propre. je n'aurais pas du jouer avec du copier>coller de codes de deux blogs différents

Tout ça juste pour mettre une image en tête. Cela dit, est-il possible de vous proposer le code original (non passé par mes mains) ? Merci a vous !

**rodolphebrd** · 26/03/2013, 16h32

Bonjour,

Votre doctype n'est pas bon.
Choisissez entre:

Code html :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

ou

Code html :

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

1
2
<!doctype html>
<html>

Mais pas un mélange des deux.

Concernant l'image collée en haut à gauche de la fenêtre, il n'y a pas de chemin.

Mauvaises manipulations d'un code HTML

HTML

Vue hybride

Discussions similaires

Partager

Partager