Ein Video in einem HTML Projekt positionieren?

Hey, meine frage ist es, ob man in einem HTML-Projekt, ohne eine CSS-Datei, ein Video genau zu positionieren. Wie zum Beispiel in diesem Bild.

Bild zum Beitrag

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

Ben Sellin

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Informatikkaufmann

30.11.2021, 16:12

Hallo schwerdty,

ja, selbstverständlich ist das möglich. In dem von dir gezeigten Bild wird das bereits gezeigt.

Die Inhalte die in einer CSS Datei stehen können auch als Style Tag im Header oder sogar als Style Attribut zu einem Tag stehen.

Danke fürs 🌟

Ben

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML

30.11.2021, 16:35

ohne eine CSS-Datei, ein Video genau zu positionieren

Nein. Für eine "genaue" Positionierung ist CSS erforderlich.

Alex

Ähnliche Beiträge

Externe CSS Datei vor Inline CSS in HTML Datei bevorzugen?

Kann ich es irgendwie erzwingen, dass externe CSS Konfigurationen vor dem inline Code in der HTML Datei verwendet werden? Jede CSS Einstellung, die ich in einer externen CSS-Datei erstell, wird, wenn im HTML Code die selbe Einstellung nochmal vorhanden ist, von der internen überschrieben.

Beispiel:

Externes CSS:                                              Internes CSS:
z-index:1;                                                 z-index:2;

Im Browser wird der z-index 2 gezogen.

Danke für hilfreiche Antworten!

...zum Beitrag

Bei Mac Probleme CSS bei HTML Datei einzubinden?

Hallo,

bei mir funktioniert irgendwie nicht das Einbinden von der CSS Datei in meine Html Datei, hab beide in einem Ordner, richtigen code eingegeben, also nichts verschrieben. Trotzdem funktioniert es bei mir nicht. Könnte es was damit zutun haben, dass meine HTML Datei mit dem Browser geöffnet wird und meine CSS-Datei mit meinem Texteditor (Benutze Atom) oder vielleicht doch etwas anderes. Benutze btw Mac (MacBook Pro) glaube dass das ein wichtiger Faktor ist. Justmacthings!

Edit: Hab nun die Datei hinterlegt, eventuell findet ihr ja den Fehler

...zum Beitrag

CSS-Datei in MacOS erstellen?

Hallo.

Wir haben gerade in der Schule die Hausaufgabe eine HTML "Website" zu erstellen. Wir haben dafür auch eine Anleitung bekommen. Um die HTML Datei genauer zu bearbeiten sollen wir eine CSS Datei einbinden.

In der Schule ging das ganz einfach am Windows Rechner in dem man in Notepad ++ eine weitere Datei mit dem Suffix (Format)".css" speichert.

Bei mir zu Hause mit dem integrierten TextEditor unter macOS funktioniert das aber irgendwie nicht, da ich nur auswählen kann welches Dateiformat ich zur Speicherung verwenden möchte. CSS wird aber nicht angegeben.

Wie kann ich das machen?

Danke im Voraus

...zum Beitrag

Wie kann man eine SVG-Datei in CSS nach links zentrieren?

Hallo,

ich möchte gerne eine SVG-Datei in meiner Webseite einbinden. Ich habe diese auch schon über <object> in HTML eingefügt.

Das object hat die Klasse Welt und ist in CSS hinterlegt. Dort habe ich width und height auf 75%. Nun wird mir die SVG aber so ziemlich mittig auf der Webseite angegeben.

Wie kann ich diese nach links positionieren, damit ich rechts z.B. einen Text scheiben kann?

HTML:

<object class="Welt" data="BluePlanet.svg" type="image/svg+xml"></object>

CSS:

.Welt {
  width: 75%;
  height: 75%;
}

Danke schon einmal im Voraus. :)

...zum Beitrag

Wieso wird CSS nicht übernommen?

Ich habe gerade ein Problem, das soo frustrierend ist. Ich bin HTML & CSS Anfänger und wollte eine Webseite aus einem Tutorial Video nachbauen. Die Inhalte und Struktur im HTML habe ich hinbekommen. Nun scheitere ich aber am CSS. (Browser Chrome) Für mich sieht alles richtig aus. CSS ist eigentlich eingebunden, aber die Eigenschaften werden nicht übernommen. Ich habe schon etliche Seiten durchforstet und keine Lösung hat funktioniert. (Cache leeren brachte nichts, Bei den anderen Browsern Firefox, Explorer und Safari besteht das gleiche Problem( ich habe auch keine Schusselfehler entdeckt). Die beiden Dateien liegen auch im selben Ordner. Liegt es vielleicht an meinem Laptop oder an den Browsern? Ich bin ratlos. Ich hoffe jemand kann mir irgendwie helfen.

Ich habe screenshots von der HTML-Datei und CSS-Datei beigefügt.

...zum Beitrag

Wie füge ich eine SCSS Datei in HTML ein?

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

...zum Beitrag

HTML/PHP/CSS Code funktioniert nicht?

Ich benutze den Code <div class="Box">BOX</div> in einer php Datei und den Code .Box {

background-color: black;

}

in einer css Datei aber bei mir steht dort am ende nur "BOX".

...zum Beitrag

Sollte man nach HTML/CSS nicht lieber PHP lernen, weil man damit die Formulare auf einer Webseite funktionstüchtig machen kann?

Weiß gerade nicht, was ich nach HTML und Css lernen soll... PHP oder Javascript.

Mit dem HTML und CSS kurs bin ich ja bald fertig. Aber wenn man zum Beispiel Formulare in die Seite einbaut, kann man sie doch ohne eine Programmiersprache nicht wirklich benutzen...

Ich hoffe ihr habt verstanden, was ich meine... Danke :)

...zum Beitrag

Javascript in HTML einbinden - Problem?

Wie soll ich JS in HTML einbinden? Habe das immer so gemacht:
<script language="javascript" type="text/javascript" src="dateiname.js"></script>

Aber wenn ich dann z.B:

drawBoxes('yyy bbb ggg');

Mache, dann passiert in der HTML Seite garnichts.
LG

CSS in HTML einzubinden funktioniert letzterzeit komischerweise auch nicht. Muss das dann immer intern in der HTML-Datei machen.

...zum Beitrag

Fehler bei HTML-Code beim Einbinden von CSS?

Hallo, ich hab folgendes Problem (dies hier ist eigentlich eine Wiederholung einer anderen Frage, aber mit Code) ich habe Probleme meine CSS Datei in meine HTML Datei einzubinden, bzw es ist nicht eingebunden obwohl ich den Code eingegeben habe und auch beides in einem Ordner gepackt habe. Ich zeige meinen Quellcode und würde euch bitten eventuell rüberzuschauen und mir zusagen, welchen Fehler ich gemacht habe.

...zum Beitrag

Localhost spinnt rum?

Ich benutze XAMPP zum Testen meiner Website, hat auch bis jetzt alles immer gut geklappt...

Meine Websites speichere ich jeweils in Unterordnern in htdocs, benutze erstmal nur HTML und CSS, darum geht es jetzt nämlich auch.

Einige Daten:

Betriebssystem: Linux | Ubuntu 20.04
Editor: gedit
Browser: Firefox 98.0.2 (64bit)

Das Problem ist dass immer wenn ich in meinem CSS-Code etwas ändere, es dann abspeichere und schließlich im Browser öffne, werden meine Änderungen nicht angezeigt. Wenn ich allerdings Sachen in der HTML-Datei ändere werden diese angezeigt.

Einige Klarstellungen:

Ich bin mir zu 100% sicher, dass ich die richtige CSS-Datei bearbeite und auch im richtigen Ordner abspeichere.
Die CSS-Datei wurde mit folgendem Code in der HTML-Datei verwiesen:

<link rel="stylesheet" href="style.css">

(Außerdem hat das Problem ja jetzt erst begonnen.)

Ich habe keine Fehler in der CSS-Datei eingebaut, also bspw. zwei Semikolons, unbekannte Befehle etc.

Kann mir da jemand weiterhelfen??

...zum Beitrag

HTML und CSS: Text im Button zentrieren?

Auf dem Bild ist ein Bild der Buttons, HTML und meiner CSS Datei.

Ich möchte jetzt den Text in den Buttons, also "Youtube" und "Spotify", zentriert und etwas größer ist.

...zum Beitrag

Wie lange braucht man für html, css und Javascript?

Wie lange braucht man um html, css und Javascript so gut zu können um ein ernsthaftes Projekt zu starten und wie kann ich das am effektivsten und schnellsten erreichen(Bücher, Videokurse usw)?

...zum Beitrag

style Datei im Header CSS?

Ist der style tag im Header der Html Datei eine Verlinkung zu der CSS Datei?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen