ALIGNEMENT HTML

[laurita]

Bonjour,

Je dois créer un site web et j'ai un petit problème.
En fait, j'ai inséré une vidéo de youtube dans ma page avec le lien qu'ils nous donnent (URL) et je voudrais aligner un texte à côté.
Actuellement, le début de mon texte s'aligne sur le bas de mon image...
J'aimerais donc que le début du texte colle avec le haut de l'image...comment faire? quel code HTML utiliser? J'espère une réponse pas trop complexe car il s'agit de mon premier sit web et je ne suis pas encore très à l'aise dans les manip'.

Merci.

[Grego]

Bonjour,]

Avec un bout de ton code on pourra mieux t'aider parce que là ... on ne peut pas faire grand chose

Edit j'aurais du préciser de le mettre entre les balises [code][/code]

[laurita]

Désolé...

Voilà le code:

<ALIGN="left"><object width="580" height="365"><param name="movie" value="http://www.youtube.com/v/1E208WVh55U&hl=fr&fs=1&color1=0x006699&color2=0x54abd6&borde
r=1"></param><param name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/1E208WVh55U&hl=fr&fs=1&color1=0x006699&color2=0x54abd6&border=
1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"
width="580" height="365"></embed></object></ALIGN="left">
<font face="Comic Sans MS","Impact"><font color="#66CCFF"><em><strong>26 octobre 2008: Prescillia, jeune fille de 14 ans, est retrouvée morte dans un sous bois près de chez elle dans le Maine et Loire. Depuis ce jour, une enquête a été ouverte et les causes du drame n'ont pas encore été élucidées. Internet pourrait - il expliquer ce mystère ? C'est une hypothèse actuellement étudiée car l'adolescente avait mentionné son code postal sur le Blog qu'elle tenait. Sa dernière connexion, quatre jours avant sa découverte, est son ultime signe de vie...</strong></em></font face="Comic Sans MS","Impact"></font color="#66CCFF">

J'ai mis en rouge le lien YOUTUBE et en bleu mon texte à aligner avec la vidéo. Je fais un site web sur les dangers d'internet, projet universitaire.

[Grego]

Oulà oui en effet le code est ... moyen

Il faut que tu fasse un tableau pour avoir 2 colonnes invisibles (colonne de gauche la vidéo et celle de droite le texte).

Essaye ça:

Code: Tout sélectionner

<table width="100%" height="100%" border="0">
<tr>
<td object width="580" height="365"><param name="movie" value="http://www.youtube.com/v/1E208WVh55U&hl=fr&fs=1&color1=0x006699&color2=0x54abd6&border=1"></param><param name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/1E208WVh55U&hl=fr&fs=1&color1=0x006699&color2=0x54abd6&border=
1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"
width="580" height="365"></embed></object></td>

<td><font face="Comic Sans MS","Impact"><font color="#66CCFF"><em>
<strong>26 octobre 2008: Prescillia, jeune fille de 14 ans, est retrouvée morte dans un sous
bois près de chez elle dans le Maine et Loire. Depuis ce jour, une enquête a été ouverte et
les causes du drame n'ont pas encore été élucidées. Internet pourrait - il expliquer ce mystère ?
C'est une hypothèse actuellement étudiée car l'adolescente avait mentionné son code postal sur le Blog qu'elle tenait.
Sa dernière connexion, quatre jours avant sa découverte, est son ultime signe de vie...
</strong></em></font face="Comic Sans MS","Impact"></font color="#66CCFF"></td></tr></table>

[Yuccaman]

Ou alors un positionnement css du style:

<div id="global">
<div id="video"> la video </div>
<div id="texte"> le texte </div>
</div>
et pour le style:

# global {width: 100%;}
# video {width: 50%; float: left;}
# texte {width: 50%; float: right;}

[laurita]

J'ai essayé le code avec <div id>, je ne comprends rien à ce que je fais...ca ne marche pas.

[Eselmann]

Bonjour

Ce code marche :

<table width="100%" border="0">
<tr>
<td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="435" height="364">
<param name="movie" value="http://www.youtube.com/watch/v/1E208WVh55U" />
<param name="quality" value="high" />
<embed src="http://www.youtube.com/watch/v/1E208WVh55U" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="435" height="364"></embed>
</object></td>
<td><font face="Comic Sans MS","Impact"><font color="#66CCFF"><em><strong>26 octobre 2008: Prescillia, jeune fille de 14 ans, est retrouvée morte dans un sous bois près de chez elle dans le Maine et Loire. Depuis ce jour, une enquête a été ouverte et les causes du drame n'ont pas encore été élucidées. Internet pourrait - il expliquer ce mystère ? C'est une hypothèse actuellement étudiée car l'adolescente avait mentionné son code postal sur le Blog qu'elle tenait. Sa dernière connexion, quatre jours avant sa découverte, est son ultime signe de vie...</strong></em></font face="Comic Sans MS","Impact"></font color="#66CCFF"> </td> </tr></table>

[Skynet]

+1 avec Grego, ça fonctionne parfaitement.

[Eselmann]

Non celui de Grego ne marche pas ... le code vidéo donné par la personne (laurita) n'est pas bon :

http://www.youtube.com/v/1E208WVh55U&hl=fr&fs.....

Alors qu'il faut :

http://www.youtube.com/watch/v/1E208WVh55U

[laurita]

c'est bon, j'ai farfouillé sur le net et j'ai trouvé un site qui expliquait comment faire un tableau d'une manière beaucoup plus compréhensible pour moi. Merci qd meme pour votre aide.

PS: mon adresse vidéo est bonne: Youtube donne deux adresses de vidéos, l'adresse pour insérer une vidéo sur un site (<object>...) et l'autre en simple lien (http://www.youtube...). Il suffit d'aller jeter un oeil sur une page Youtube en haut à droite...[/img][/code]

[Eselmann]

c'est bon, j'ai farfouillé sur le net et j'ai trouvé un site qui expliquait comment faire un tableau d'une manière beaucoup plus compréhensible pour moi. Merci qd meme pour votre aide.

PS: mon adresse vidéo est bonne: Youtube donne deux adresses de vidéos, l'adresse pour insérer une vidéo sur un site (<object>...) et l'autre en simple lien (http://www.youtube...). Il suffit d'aller jeter un oeil sur une page Youtube en haut à droite...[/img][/code]

Non l'adresse n'était pas bonne pour l'insertion dans une page html dans Dream . Il faut enlever les tags ...
si tu prends directement ce que donne Youtube cela ne marchera jamais .
Inseres le code que j'ai donné et tu verras que cela s'affiche nickel comme tu l'as demandé , testes le tien et tu verras ... rien !

Enfin moi je m'en fous ... mes pages s'affichent correctement !

Balise "table" pour le tableau , "tr" pour les lignes et "td" pour les colonnes

un tableau de 1 ligne et 2 colonnes c'est ça :

<table>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

[Skynet]

Non celui de Grego ne marche pas ...

Bizarre alors que ça marche chez moi...

[Eselmann]

Non celui de Grego ne marche pas ...

Bizarre alors que ça marche chez moi...

Firefox ?

[Skynet]

Firefox ?

IE, Firefox, Opéra, Safari, K-Meleon.