Besoin aide en html svp - Forum Un projet de site internet ?

La Communauté Webmaster

  Forum-webmaster
  Général
  Un projet de site internet ? (Modérateurs: Lilian, Shain, Wolf18)
  Besoin aide en html svp

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Besoin aide en html svp (Lu 1619 fois)

Besoin aide en html svp
« sur: le 19-03-2011 a 16:20:49 »

nakamura100
Invité

Bonjour,
j'ai besoin d'une aide en HTML pour corriger ce code.
En effet, j'aimerai bien que vous m'indiquiez le code à mettre (je suis débutant alors faites simple svp )
pour intégrer une image (logo) au dessus de la vidéo centré !
Je veux bien entendu, que le logo reste fixe, centré, au dessus de la vidéo peut-importe la résolution.
Etant une page de présentation, le logo ne doit jamais se balader.
J'espère avoir une réponse positive,
merci.

Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr>
<head>
<title>test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
</head>

<body topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0 scroll=no bgcolor=#474747>

<table height=100% width=100% align=center border=0 BACKGROUND="http://s2.noelshack.com/uploads/images/11368957080591_sans_titre14_2.jpg">

<tr>
<td align=center valign=bottom height=100px><H1>TITRE ET LOGO JUSTE DESSOUS<H1></td>
</tr>

<tr>
<td align=center>
<iframe src="http://player.vimeo.com/video/2571178?title=0&byline=0&portrait=0&autoplay=0" width="700" height="400" frameborder="0"></iframe>
</td>
</tr>

<tr>
<td align=center height=100px></td>
</tr>

</table>

</body>
</html>

Rapporter au modérateur

Re:Besoin aide en html svp
« Répondre #1 sur: le 19-03-2011 a 16:40:04 »

FOTOTEK
Habitué

Hors-Ligne

Sexe: Male

Messages: 483

Je veille...

Code:
<td align=center valign=bottom height=100px><H1>TITRE ET LOGO JUSTE DESSOUS</H1>
<img src="images/mon-logo.jpg" width="520" height="270" style="margin:0 auto" alt="Mon logo">
</td>

Rapporter au modérateur

Re:Besoin aide en html svp
« Répondre #2 sur: le 19-03-2011 a 18:08:07 »

nakamura100
Invité

Bonjour et merci de votre réponse.
Seulement lorsque j'applique votre code (avec un logo transparent), le logo ne vient pas se superposer sur mon fond d'écran, mais décale complétement le fond, et se place juste au dessus, avec une grosse marge grise.

screen : http://img4.hostingpics.net/pics/318311logopb.png

Mon code actuel :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr>
<head>
<title>test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
</head>

<body topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0 scroll=no bgcolor=#474747>

<table height=100% width=100% align=center border=0 BACKGROUND="http://s2.noelshack.com/uploads/images/11368957080591_sans_titre14_2.jpg">

<tr>
<td align=center valign=bottom height=100px><H1>TON TITRE<H1></td>
<img src="http://blog.iphoneguide.com/image/Twitter-Logo.png" width="520" height="270" style="margin:0 auto" alt="Mon logo">
</tr>

<tr>
<td align=center>
<iframe src="http://player.vimeo.com/video/2571178?title=0&byline=0&portrait=0&autoplay=0" width="700" height="400" frameborder="0"></iframe>
</td>
</tr>

<tr>
<td align=center height=100px></td>
</tr>

</table>

</td>

</body>
</html>

Rapporter au modérateur

Re:Besoin aide en html svp
« Répondre #3 sur: le 19-03-2011 a 18:27:36 »

FOTOTEK
Habitué

Hors-Ligne

Sexe: Male

Messages: 483

Je veille...

Normal :

La balise <h1> n'est pas fermée : Il faut <h1> en ouverture et </h1> en fermeture (rajouter un / ).

Pour le reste, j'ai fait une erreur en tapant le code tout à l'heure, voici le bon codage :

Code:
<tr>
<td align=center valign=bottom height=100px><H1>TON TITRE</H1>
<img src="http://blog.iphoneguide.com/image/Twitter-Logo.png" width="520" height="270" style="margin:0 auto" alt="Mon logo"></td>
</tr>

J'avais sorti l'image du <td>. Par contre, il te faudra retirer le <h1> ou alors via un style="margin: ....." définir l'espacement entre ton texte du <h1> et l'image.