Titre: Besoin aide en html svp
Posté par: nakamura100 le le 19-03-2011 a 16:20:49
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> |
|
|
Titre: Re:Besoin aide en html svp
Posté par: FOTOTEK le le 19-03-2011 a 16:40:04
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> |
|
|
Titre: Re:Besoin aide en html svp
Posté par: nakamura100 le le 19-03-2011 a 18:08:07
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> |
Titre: Re:Besoin aide en html svp
Posté par: FOTOTEK le le 19-03-2011 a 18:27:36
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. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|