|
|||
Text unter Vorschaubild "Poster" für Video
Hallo Forum,
ich hoffe ich werde nicht gleich gesteinigt, weil ich den Wald vor lauter Bäumen nicht sehe Ich bin noch Einsteiger in HTML und CSS. Ich möchte unter die bebilderten Links von ein paar (40 )Videos den Namen des Video schreiben, dieses gelingt mir leider nicht. Ich habe meine Version des Textes angefügt. Leider hat mich Herr oder Frau Google in dieser Sache bisher nicht weitergebracht. Bei mir steht der Text neben dem Bild zum Video Vielen Dank schon einmal Gruß Bananensplit <--! hier der Code--> <video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288" poster="images/bild1.jpg" controls> </video><a>Name des Video1</a> <video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288" poster="images/bild2.jpg" controls> </video><a>Name des Video2</a> <video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288" poster="images/bild3.jpg" controls> </video><a>Name des Video3</a><br> <br> <br> <br> <video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288" poster="images/bild4.jpg" controls><br> </video><a>Name des Video4</a> <video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288" poster="images/bild5.jpg" controls> </video><a>Name des Video5</a> <video src="File:\\\F:\M\20151107_223225.mp4" width="512" height="288" poster="images/bild6.jpg" controls> </video><a>Name des Video6</a> |
Sponsored Links |
|
|||
Du lieferst viel zu wenige Informationen, es fehlt z.B. dein CSS.
Aber ich rate mal: <video> und <a> sind inline-Elemente, deshalb sitzen sie nebeneinander. Damit sie untereinander sind musst du ihnen display: block zuweisen. Geändert von dazzle89 (27.05.2016 um 12:31 Uhr) |
Sponsored Links |
|
|||
Hi Bananensplit,
es gibt keine dummen Fragen und am Anfang ist es normal, dass man über manche Gegebenheiten nicht bescheid weiß. dazzle89 hatte vermutlich recht, aber ich möchte seine Antwort einmal weiterführen bzw. detaillierter formulieren: Es gibt in HTML zwei Arten von Elementen: Inlineelemente und Blockelemente. https://www.coding-lab.de/tutorials/..._Blockelemente Kurzfassung: Inline = Nebeneinander Block = Untereinander Ein Anchor-Element (<a>) ist ein Inlineelement, genau wie <video>. Dazu hier mehr: https://www.coding-lab.de/tutorials/..._Video_Element Du hast also zwei Möglichkeiten: 1. Du machst einen einfachen Zeilenumbruch mithilfe des <br> Elements: <video></video> <br> <a></a> 2. Du konvertierst eines der Elemente mithilfe von CSS: https://www.coding-lab.de/tutorials/...e_konvertieren Kurfassung: <video style="display: block;"></video> Grüße Dirk |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 18:30 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 21:52 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |