html aufzählung neben bild machen mit abstand?

Hallo

weiß jemand wie ich eine Aufzählung neben das Bild machen kann mit abstand

freundlichen Grüßen Hamudi

Bild zum Beitrag

1 Antwort

NackterGerd

13.11.2022, 16:59

Ich würde Grid nehmen

Ein Feld mit Bild und ein Feld mit Auflistung als Liste (UL)

Damit kannst du sauber anordnen und für mobil dann einfacher responsable Design machen

https://www.w3schools.com/css/css_grid.asp

https://www.w3schools.com/css/css_list.asp

Hamudi563

Beitragsersteller

14.11.2022, 17:23

das soll so aussehen das neben den Bild aufgezählt werden soll was für teile der pc hat

NackterGerd

14.11.2022, 19:38

@Hamudi563

Klar deshalb GRID

Also 2 Spalten (Grids) am PC und am Handy z.b. Untereinander

In das Grid ein DiV

In das DIV eine Liste mit UL TR ....

Hamudi563

Beitragsersteller

14.11.2022, 19:40

@NackterGerd

kannst du ein Beispiel tag schreiben wie das aussehen soll ?

NackterGerd

15.11.2022, 21:37

@Hamudi563

https://www.w3schools.com/css/css_rwd_grid.asp

Hier ist Grid erklärt.

Und hier die Liste

https://www.w3schools.com/html/html_lists.asp

Ähnliche Beiträge

Zentrieren in Php/Html?

Hallo

momentan Sieht die Seite so aus wie auf dem Bild im Anhang. Ich möchte aber, dass die Eingabefelder gleichmäßig untereinander stehen und nicht so verteilt, wie es jetzt ist. Sprich die

Eingabefelder in der Mitte und direkt links neben dran dann der jeweilige Text.

Hat jemand Ideen ? :)

Mit freundlichen Grüßen Ruben

...zum Beitrag

HTML/CSS - Formatierung von "*" aufheben?

Hey liebe Community! Ich habe ein Problem, und zwar: Ich habe in meinem Stylesheet die Definition:

    *{margin: 0; padding: 0;}

eingetragen, welche ja für alle Elemente gilt. Jedoch möchte ich in meiner Content-Div eine ganz normale Aufzählung auflisten. Diese Aufzählung wird nicht richtig angezeigt aufgrund des oben definierten paddings. Kennt da jemand eine sinvolle Lösung?

Danke im Voraus

Pfuffi

...zum Beitrag

Einen Konfigurator in CSS und HTML Programmieren, wie?

Hallo Ihr dadraußen,

Kann man einen Konfigurator, welcher automatisch auch einen Betrag errechnet inklusive der gewälten Zusatzoptionen? Wenn ja, wie geht das? Über Hilfe wäre ich sehr Dankbar.

Mit freundlichen Grüßen

Alex

...zum Beitrag

HTML Tag data-lt-installed?

Hallo,
ich habe bei vielen Websiten im HTML Tag "data-lt-installed="true"" gesehen.
Aber was ich mich schon die ganze Zeit frage ist, was macht dieser.
Mit freundlichen Grüßen
xCraimax

...zum Beitrag

Wicca Coven in Bonn/Köln?

Hallo.

ich bin ein Minderjähriger Wicca und suche schon seit mehreren Monaten einen coven in meinem Umfeld.Ich wäre super glücklich wenn ich einen coven in meiner Umgebung finden würde.

Mit freundlichen Grüßen

Hamudi

...zum Beitrag

Webseite in html programmieren; wie werden abstände definiert?

Hallo,

wie kann in einem html dokumment ein Abstand definiert werden zur linken seite?

zum einen geht es mit dem Befehl <center>Hier ist der Text </center>

wenn ich aber nun einen abstand von 100 px von der linken Bildschirmseite bis zum Element haben möchte wie kann ich diesen in dem html dokumment definieren?

...zum Beitrag

Abstand zum Text oder Wort in HTML?

Wie kann man eine Abstand zum nächsten Wort in HTML machen?

Beispiel: Text Text Text, Text Text

...zum Beitrag

Html / CSS: Abstand zwischen vier Bildern?

Hey.

Ich möchte gerne zwischen meinen vier Bildern einen Abstand von 0,5cm - 2cm.

Wie und wo trage ich das ein?

<ul>
  <h4><li><a href="Forum.html">Forum</a></li></h3>
  <h4><li><a href="Kontakt.html">Kontakt</a></li></h3>
  <h4><li><a href="shop.html">Vintage Kleidung & Möbel</a></li></h4>
  <h4><li><a href="Startseite.html">Startseite</a></li></h4>
  <img src="Vintage0.jpg" width="250" height="250" alt="vinjacke">
  <Img src="Vintage3.jpg" width="250" height="250" alt="vinjacke">
  <Img src="Vintage4.jpg" width="250" height="250" alt="vinjacke">
  <Img src="Vintage5.jpg" width="250" height="250" alt="vinjacke">

(Für mich ist das ziemliches Neuland. Bitte Rücksicht nehmen, ich mache das erst seit vorgestern)

PS.: Das ist nur ein Teil meiner HTML-Datei! Ich möchte nur, dass ihr einen kleinen Ausschnitt seht.

Danke.

...zum Beitrag

HTML: Wie kann ich Text neben mein Video positionieren?

Hallo,

ich habe noch einmal eine Frage. Wie schaffe ich es, dass ein Text in HTML neben meinem Video ist?

Bisher habe ich das:

<video width="420" height="280" controls>
  <source src="katzenvideo.mp4" type="video/mp4">
</video>
<p style="float: right;">Hier ist dann der Text der neben dem Video erscheinen soll und nicht darunter.</p>
<div style="clear: both;"></div>

Jetzt ist der Text allerdings zu weit rechts. Ich hätte gerne, dass der direkt neben dem Video ist.

Was muss ich ändern? Kennt jemand den Code?

Danke im Voraus. :)

...zum Beitrag

[HTML] Checkboxes werden nicht angezeigt?

Die Checkboxes werden in Firefox nicht angezeigt, jedoch in Chrome.

<div class="form-check">
  <input class="form-check-input" type="checkbox" value="1" name="verhalten_freundlich">
  <label class="form-check-label" for="verhalten_freundlich">Freundlich</label>
</div>

...zum Beitrag

Text aus anderem Dokument in HTML Webseite verknüpfen?

Angenommen, ich hätte 2 HTML Dokumente 1.HTML und 2.HTML und in beiden werden z.B. alle Windows Versionen aufgezählten. Jetzt kommt Windows 12 hinzu. In diesem fall muss ich jetzt überall Windows 12 Hinzufügen.

Gibt es die Möglichkeit eine Datei Windows Versionen.[Dateiformat] zu erstellen, in der die Aufzählung eingetragen ist, so dass ich in 1.HTML und 2.HTML den Link von Windows Versionen.[Dateiformat] einfüge, und beide automatisch auf die Datei zugreifen, wo die Liste drin ist, und die Daten anzeigen?

Geht dass?

Welche Programmiersprache muss ich verwenden?

Wie füge ich die Dateien in HTML ein?

Könnt ihr mir ein Beispiel zeigen?

...zum Beitrag

wie kann ich ein Bild nach rechts verschieben HTML?

Wie kann ich zwischen den beiden Bildern einen Abstand lassen bzw das 2 Bild nach rechts verschieben?

der HTML CODE:

</iframe>

Beide haben den gleichen quellcode alsooben 2x habe ich es eingefügt in der website

...zum Beitrag

Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

...zum Beitrag

HTML style="" nur erster a href funktioniert?

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Autotuning</title>
<link rel="shortcut icon" href="T4Nissan 240 SX BR101.png" type="image/x-icon">
<meta name="description" content="">
<link href="styleSeite1.css" rel="stylesheet">
</head>
<body>
<br><br><br><br><br><br><br><center>
<a href="NFSU.html"><img src="images/NFSU.jpg" width="" height="230" style="align:/></a>
<a href="NFSU2.html"><img src="images/NFSU2.JPG" width="" height="235" style="align:/></a>
<a href="NFSUC.html"><img src="images/NFSUC.JPG" width="" height="241" style="align:/></a>
<a href="NFSC.html"><img src="images/NFSC.JPG" width="" height="237" style="align:/></a>
<a href="NFSMW2005.html"><img src="images/NFSMW2005.JPG" width="" height="230" /></a><br>
<a href="MC3DER.html"><img src="images/MC3DER.JPG" width="" height="250" style="vertical-align:/></a>
<a href="MCLACE.html"><img src="images/MCLACE.JPG" width="" height="250"/></a>
<a href="Gran Turismo 6.html"><img src="images/Gran Turismo 6.jpg" width="" height="250" /></a>
<a href="LEGO.html"><img src="images/LEGO.JPG" width="" height="250" /></a><br>
<a href="Modellbau.html"><img src="images/Modellbau.jpg" width="500" height="" align="top"/></a>
<a href="Sonstige.html"><img src="images/Sonstige.JPG" width="230" height="" align="top"/></a>
<a href="GTA5.html"><img src="images/Coil Cyclone.jpg" width="350" height="" align="top"/></a>
<a href="Silent Hill.html"><img src="images/Halo.JPG" width="185" height="" align="top"/></a>
</body>
</html>

durch ,,style=""´´ werden die Hyperlinks ohne Abstand platziert. Warum werden diese Hyperlinks gruppiert und alle außer dem erstem werden ignoriert? Die Frage ist leicht zu verstehen beim Blick auf den F12-Debugger im Browser. </style> löst das Problem nicht. autotuningyv.square7.ch/Seite1.html. Kann jemand den Quelltext bitte korrigieren?

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen