Video en lettrine

[Hayari]

Bonjour! Voilà j'ai besoin d'aide pour mettre une vidéo en lettrine. J'ai fais un montage pour vous faire visualiser ce que j'avais en tête. Si oui, comment procéder? Je sais faire un peu de codage mais là je sais pas trop comment faire, merci d'avance! =)

[emc2]

Peut-être en faisant un tableau de 2 sur 2, dans la première case en haut à gauche, la vidéo. en haut à droite, une partie du texte et en bas en rodspan 2 le reste du texte:

Code:

<table border="1">
     <tr><td>la vidéo</td><td>Texte en haut à droite</td></tr>
     <tr><td rowspan="2">texte en bas sur toute la largeur du tableau</td></tr>
    </table>

Le texte reste à être centré mis en page grâce à la balise br, et supprimer "border=1 lorsque la mise en page est terminée.

[Hayari]

Bonjour!

ça marche plutôt bien mais je voulais savoir si il était possible de donner une largeur au tableau qui comprent la video et le texte du haut, comment faire?
Merci d'avance

[emc2]

Code:

<br>

Cette balise permet d'aller à la ligne, ce qui délimite naturellement la dimension du tableau:

video video video video texte texte texte texte texte texte texte texte br
video video video video texte texte texte texte texte texte texte texte br
video video video video texte texte texte texte texte texte texte texte br
texte texte texte texte texte texte texte texte texte texte texte texte br
texte texte texte texte texte texte texte texte texte texte texte texte br
texte texte texte texte texte texte texte texte texte texte texte texte br

[Scoubifitz]

bonsoir,

comme ceci ?

Code:

<iframe width="280" height="157" style="float:left;padding-right:10px;" src="//www.youtube.com/embed/pY1_HrhwaXU?rel=0" frameborder="0" allowfullscreen></iframe><p style="text-align:justify;">Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu. Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum.<br>
 quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare.<br>
Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis.<p>


[Hayari]

Bonjour! Merci pour vos deux reponses.
Dans la première astuce, j'ai pas oser mettre des br partout j'ai donc repris la seconde.
Scoubifitz, voici un aperçu de se que ça donne:

- Je voulais savoir si on pouvait remplacer la video, j'ai essayer mais la mienne se s’affiche pas! >< voici la video: https://www.youtube.com/watch?v=qK7R_bDoeOw
- Comme tu peut le constater, ça débordé sur le coté, j'aimerais bien qu'il soir aligner en dessous de la video, j'avais essayer un margin mais ça le centre! o.o

[Scoubifitz]

Sur Youtube , je clique sur "Partager" , puis "intégrer" pour obtenir le code iframe de la vidéo .

Je rajoute ensuite un style à cette iframe pour qu'elle se comporte comme une lettrine et je réduis de moitié pour les dimensions de la vidéo ...

dans votre cas :

<iframe width="280" height="157" style="float:left;padding-right:10px;" src="//www.youtube.com/embed/qK7R_bDoeOw?rel=0" frameborder="0" allowfullscreen></iframe>

... et enfin , je mets les paragraphes dans un style justifié :

<p style="text-align:justify;">Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu. Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum.<br>
Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis.<p>

Pour le décalage , il me faudrait plus de renseignements , comme :

Le code fourni est-il placé dans une page d'accueil ? une description de forum ? un message ?
Est-il intégré à un autre code ?
Y-a-t-il un CSS , un style avant le code qui pourrait décaler ? (margin , padding , first-line , fisrt-letter ...)

Le code complet pourrait aider ..

[Hayari]

Oui, c’est placé dans une page d'accueil. J'essais aussi de l'aligner a un code.


Après je peut te fournir le code de la page d'accueil,

Code:

Code supprimer

coté css, si t'en a besoin je te rajouterais après, mais la pa comporte aussi un code javascript, et je ne sais pas le modifier.

[Scoubifitz]

Je pense que vous voulez aussi aligner le texte par rapport aux images au-dessus , c'est ça ?

Remplacez le code que je vous ai donné par celui ci :

Code:

<p style="text-align:justify; margin:auto;width:720px;"><iframe width="280" height="157" style="float:left;padding-right:10px;" src="//www.youtube.com/embed/qK7R_bDoeOw?rel=0" frameborder="0" allowfullscreen></iframe>Tokyo, capitale du Japon, des nouilles et ... Des y Post haec Gallus Hierapolim profecturus ut expeditioni specie tenus adesset, Antiochensi plebi suppliciter obsecranti ut inediae dispelleret metum, quae per multas difficilisque causas adfore iam sperabatur, non ut mos est principibus, quorum diffusa potestas localibus subinde medetur aerumnis, disponi quicquam statuit vel ex provinciis alimenta transferri conterminis, sed consularem Syriae Theophilum prope adstantem ultima metuenti multitudini dedit id adsidue replicando quod invito rectore nullus egere poterit victu. Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum.<br>
            Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis.</p>

j'ai tout placé dans un paragraphe , auquel j'ai donné un style centré , justifié , et d'une largeur fixe .
Le texte commence directement après l'iframe .

[Hayari]

Oui voilà je voulais l'aligner par rapport aux images, j'aurais du le préciser dès le début >< J'ai replacer et ça marche, c’est bien aligner comme je veux, merci encore Scoubifitz pour ton aide! et merci emc2 d'avoir essailler =)
sujet resolu