[Help] HTML + CSS

Bonjour à tous,

La personne qui se chargeait bénévolement d’un site personnel est actuellement beaucoup trop occupé pour finir notre projet.
Je me retrouve donc à essayer de créer une page d’annonce HTML personnalisé.
J’implore un peu votre aide afin de ne pas perdre 240 heures dessus.

�?tapes effectuées avec succès :

  • création d’un dossier www (avec index.html)
  • // d’un dossier images

Le tout est uploadé et le site est accessible.
Dans images j’ai un fichier twitter2.png

Le code de ma page est le suivant :

[code]

	 <head>
		 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		 <title>Bienvenue, ce site est en construction</title>
			 
		 <body>
	 test ! 
	 </body>
	 
	 
	 <a href="http://twitter.com/yoannromano">
	 <img src="twitter2.png"/></a>
	 
	 </head>
	 </html>[/code]

Pourtant voici ce que j’aperçois en chargeant la page :

L’image bleue qui apparait ne correspond en rien à l’image twitter2.png.

Qu’est-ce que j’ai raté ?

Ah oui deuxième question.
Admettons que ma page ait ce fond d’écran :

Comment forcer le texte à être centralisé sur la zone blanche ?
Il y a des balises spéciales pour qu’il s’adapte automatiquement ?

Merci d’avance,
Kudoz

C’est même pas un soucis d’html. ( quoique le src de ton image n’est pas bon, c’est plutôt )

Le dossier www dans lequel tu as mis ta page avec le code dans ton post n’est clairement pas celui que tu vois dans ton navigateur en accédant a l’adresse de ton site. C’est bien un site en ligne et tu es censé y accéder avec un client ftp n’est-ce pas ?

Le soucis est plutôt que tu n’as pas uploadé tes fichiers au bon endroit. Cherche plutôt le dossier ou l’index.html contenant le texte “test !”.

De toute façon le code HTML n’est pas bon non plus en fait. Par exemple le body dans le head ça le fait pas.

Pour éviter de perdre du temps je te conseille de trouver un éditeur HTML WYSIWYG gratuit, de construire ta page avec et d’uploader le tout sur ton serveur, tu iras 100 fois plus vite et sans trop te prendre la tête avec le code

Grave, même si en tant que webdev ça fait tiquer de dire ça, pour un néophyte c’est ce qu’il y a des plus simple.
Sinon pour forcer le texte à être sur la zone blanche :

et le css :

#conteneurTexteCentre{ width:200px;/*mettre ici la largeur de la zone blanche*/ margin:auto; /*va centrer le div*/ }

Sinon pour les bases du XHTML/CSS, les tutos du site du zero sont pas mal.

Enfin, pour un noob total comme moi, c’était plutot clair. J’avais utilisé ca dans le cadre d’un petit site a faire pour mes cours d’info.

C’était ça.
Par contre les images sont entourées d’une bordure violette, comment la retirer ?

[quote=« ethomit, post:3, topic: 50704 »]De toute façon le code HTML n’est pas bon non plus en fait. Par exemple le body dans le head ça le fait pas.

Pour éviter de perdre du temps je te conseille de trouver un éditeur HTML WYSIWYG gratuit, de construire ta page avec et d’uploader le tout sur ton serveur, tu iras 100 fois plus vite et sans trop te prendre la tête avec le code[/quote]
OK, j’utilise Dreamweaver. Si vous avez un bon tuto faites-tournez :smiley:

[quote=« KaD, post:4, topic: 50704 »]Grave, même si en tant que webdev ça fait tiquer de dire ça, pour un néophyte c’est ce qu’il y a des plus simple.
Sinon pour forcer le texte à être sur la zone blanche :

<div id="conteneurTexteCentre">mon texte au centre</div>

et le css :

#conteneurTexteCentre{ width:200px;/*mettre ici la largeur de la zone blanche*/ margin:auto; /*va centrer le div*/ }[/quote]

Je ne maitrise pas les CSS. Je mets cette partie où ? Entre les balises body ?
Tu sais comment mettre le fond d’écran cité plus haut (sans les CSS ou avec) ?

Pour les bordures d’images, il faut mettre ce bout de code là dans ta CSS :

img { border: none; }

Mais bon si tu ne sais pas où mettre les CSS, il va vraiment te falloir un tuto « de base » (type celui-ci par exemple, il m’a l’air pas trop mal) pour te familiariser un tantinet avec ça si tu souhaites t’y mettre. Sinon pas le choix, faut passer par un éditeur type Dreamweaver.

Bon courage :smiley:

[quote=“KaD, post:4, topic: 50704”]Grave, même si en tant que webdev ça fait tiquer de dire ça, pour un néophyte c’est ce qu’il y a des plus simple.
Sinon pour forcer le texte à être sur la zone blanche :

et le css :

#conteneurTexteCentre{ width:200px;/*mettre ici la largeur de la zone blanche*/ margin:auto; /*va centrer le div*/ }[/quote]

Merci !

[quote=“Gratz, post:7, topic: 50704”]Pour les bordures d’images, il faut mettre ce bout de code là dans ta CSS :

img { border: none; }[/quote]

Merci !

Youpi, ça avance plus vite grâce à vous.