Mauvaises manipulations d'un code HTML

Version imprimable

25/03/2013, 22h26
el_debutanti

Mauvaises manipulations d'un code HTML

Bonsoir à vous,
J'ai (malheur à moi :cry: ) 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.
25/03/2013, 23h04
NoSmoking

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.
26/03/2013, 11h56
el_debutanti

1 pièce(s) jointe(s)

un DOCTYPE, un script puis...un autre DOCTYPE

Slt NoSmoking,
MERCI ! Je ne vois qu'un DOCTYPE :calim2:
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 ;)
26/03/2013, 13h46
Bovino

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> ! :no:
26/03/2013, 15h36
el_debutanti

<body> dans <head>

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 :oops: 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 !
26/03/2013, 16h32
rodolphebrd
Bonjour,

Votre doctype n'est pas bon.
Choisissez entre:
Code:

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:

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.
27/03/2013, 10h24
el_debutanti

doctype

Merci rodolphebrd, je ferais un test ce soir. Merci encore à vous !