Github Readme: Bild neben Text?

Hey Leute,

Könnte mir bitte jemand weiterhelfen und sagen, wie ich bei Github ein oder mehrere Bilder neben einen Text (rechts davon) packen kann?
Mein bisheriger Code sieht so aus (Die Bilder erscheinen dann unter dem Text):

</p>

Es wäre sehr hilfreich:)
Liebe Grüsse

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, programmieren, Programmieren & Softwareentwicklung

28.08.2022, 22:09

Es gibt kein float-Attribut in HTML. Es ist ein CSS-Property, welches über ein style-Attribut definiert werden kann.

Das wäre eine Lösung:

<p style="float: right"> 
  <img alt="Some image description ..." src="some-image.jpg" width="430" />
  <img alt="Some image description ..." src="other-image.jpg" width="430" />
</p>
<p>Some text ...</p>

Und das noch eine andere:

<img alt="Some image description ..." src="some-image.jpg" style="float: right; margin-left: 5px" width="430" />
<img alt="Some image description ..." src="other-image.jpg" style="float: right" width="430" />
<p>Some text ...</p>

Bedenke aber, dass zu hohe Breitenangaben auch für ungewollte Zeilenumbrüche sorgen können, wenn nicht genügend Platz vorhanden ist. Bei dir könnte das bei 430px Breite je Bild schnell der Fall sein.

Ähnliche Beiträge

Garry's Mod Server mit GitHub verwalten?

Guten Tag,

aktuell bin ich an einem größeren Projekt in Garry's Mod am Arbeiten.

Und um die Verwaltung einfacher zu machen, frage ich mich, ob man den Server (Die Addons, Module usw.) nicht einfach mit GitHub Connecten kann?

Da ich nicht so viel Ahnung davon habe, stelle ich einfach mal die Frage an die Community. Wie funktioniert das mit GitHub? Kann ich dann auch einen Changelog im Discord machen, mit updates?

Ich versuche mich aktuell in GitHub einzuarbeiten. Aber es ist ziemlich anspruchsvoll, da GitHub von den Funktionen sehr breit gefächert ist. Und wirklich gute Tutorials finde ich auch nicht. Eventuell kann mir jemand ja da was empfehlen?

Ich danke schonmal im Voraus, dass ihr euch Zeit nehmt meine Frage zu beantworten.

Mit freundlichen Grüßen,
Florian.

...zum Beitrag

wie mach ich den text in einer github readme file farbig?

titel

...zum Beitrag

HTML, CSS Bild anklicken und Text erscheint?

Hallo zusammen,

ich arbeite gerade an einer Webseite für die Schule. ( Anfänger )

Ich habe folgende Idee: ich habe ein Albumcover, auf dieses soll man draufdrücken können und es soll ein Text erscheinen ( die einzelnen Lieder vom Album ).

Weiß jemand wie ich das umsetzten kann?

Liebe Grüße

...zum Beitrag

Typ will dass ich meine GitHub website schließe weil ich seinen code kopiert habe, was kann ich tun?

Hey Leute,

Ein Freund von mir hat mir letztens seine Website gemacht die auf GitHub ist. Ich wollte mir schon lange selbst eine machen, also habe ich das versucht. Dann aber wurde ich von wem angeschrieben der anscheindend den Code geschrieben hat. Er hat mir z. B. vulgär mitgeteilt wie scheiße die Website aussähe. Ich hab mich informiert und in einem StackOverflow Artikel gelesen dass solang der Code OpenSource ist, ich damit machen kann was ich will, was ja auch der Sinn davon ist. Ich hab ihm darauf mitgeteilt dass er mir freundlich mitteilen soll wenn ich die Seite schließen soll, was ich auch zuerst vorhatte da es mir moralisch doch nicht ganz richtig erschien den Code zu klauen ohne Credits zu geben. Da er mich dann aber wieder beleidigt hat habe ich mich dagegen entschieden. Jetzt meine Frage: Soll/Kann ich die Seite oben lassen?

Edit: Hier der StackOverflow Artikel von dem ich spprach:

https://softwareengineering.stackexchange.com/a/148165

...zum Beitrag

Website HTML und CSS Fehler?

Hallo,

ich soll als Hausaufgabe eine Website (nur HTML und CSS) programmieren (wir haben bis jetzt nur die Basics gemacht).

Ich habe nun die Grundstruktur in HTML so gemacht, wie ich es brauche und bin nun beim CSS Teil angekommen, welcher mir etwas Kopfschmerzen bereitet.

Ich habe mal Screenshots vom bisherigen Code eingefügt (Die Website soll laut Lehrer ganz einfach sein, das Impressum muss nur einen Beispieltext enthalten und den Code für den footer aus der Landingpage habe ich noch nicht an die anderen Seiten angepasst, da ich noch mit CSS am experimentieren war).

Falls der Code an sich besser weiterhilft, habe ich hier noch den Dropbox Link:
https://www.dropbox.com/scl/fi/fgwyg3w7m4hfqdnbl3f3n/Website.zip?rlkey=1ea3d4quzggbn8xgnk9x9gvk3&dl=0

Nun habe ich folgende Probleme/Dinge, die ich auf der Website haben möchte, aber nicht hinbekomme:

Ich möchte einen festen Header haben (wie der auf gutefrage), bei welchem die anderen Seiten mittig angeordnet sind
Der footer soll wie bei Amazon ganz unten sein und auch in einem farbigen Kasten, welcher sich über den ganzen Bildschirm zieht
Die Texte im Footer sollen einmal links(2023), mittig(impressum) und rechts(Namen) ausgerichtet sein (irgendwie konnte ich den Link zum Impressum nicht verschieben)
Die Seite muss nicht 100% responsible sein, sondern soll sich nur an verschiedene Browser anpassen (Laut Lehrer mit Hilfe von prozentualen Werten anstatt Pixeln)
Auf der Landingpage möchte ich das Hintergrundbild haben und der Text (welchen ich noch hinzufügen muss) soll erst nach dem Bild kommen, wenn man runter scrollt
Auf der Impressum Seite soll der Beispieltext zum Uhrheberrecht nicht von ganz links nach ganz rechts auf dem Bildschirm gehen, sondern nur bis zu etwa der Mitte und dann einen Zeilenumbruch (soll sich nicht verschieben, wenn ich es mit anderem Browser benutze)

Ich habe schon selbst versucht, die oben genannten Dinge irgendwie zu fixen, aber entweder klappt es nicht oder meine Website stellt sich einmal auf den Kopf. Da wir auch erst die Basics in CSS hatten, weiß ich leider nicht mehr, als das, was ich schon gemacht habe.

Es wäre sehr hilfreich, wenn mir einer, der sich damit auskennt, weiterhelfen könnte und mir erklären kann, wie ich die oben genannten Kriterien umsetzen kann.

Ich bedanke mich schonmal sehr bei euch.

Grüße Alex

...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

Kann ich öffentliche Github Projekte kommerziell verwenden?

Ich habe auf Github für mein Projekt ein kleine JavaScript Bibliothek gefunden.
Eigentlich sind es nur zwei Dateien mit ~ 300 Zeilen Code.
Das Grundkonzept eignet sich perfekt für mein Projekt, allerdings musste ich noch viel eigenen Code hinzufügen, damit es für meine Zwecke genügt.

Habe mir das Code-Grundgerüst, das ich verwenden kann, dann einfach aus dem Git-Repo kopiert und bei mir eingefügt und dann so geändert, dass es für mich passt.

Begehe ich damit einen Rechtsbruch? Das Repository ist öffentlich.
In der README steht nichts von irgendwelchen Lizenzen und auch in den Source-Files nicht.

...zum Beitrag

Ordner erstellen - github?

Hallo.

Kann ich auf github einen Ordner erstellen in den ich mehrer Repository einfügen kann. Das heißt, dass ich zum Beispiel ein Repository html1 und html2 in einem übergeordneten Ordner der HTML heißt geben kann.

Danke im voraus

...zum Beitrag

Wo speichere ich meine Node.js ENV Variablen?

Lokal habe ich eine .env Datei, in der Zugänge für meine Datenbank gespeichert sind.

in der .gitignore ist die .env, so dass sie nicht bei Github liegt.

Jetzt habe ich aber einen Ubuntu VPS mit Nginx, um so meine Webseite zu hosten. Wo speichere ich jetzt die Variablen sicher, oder packe ich sie einfach in den Code, weil Server Code eh keiner lesen kann?

...zum Beitrag

Magic Mirror Software mit googl, YouTube etc funktion?

Hallo, ich muss für ein Schuhe Projekt einen Magic Mirror bauen was ich schon gemacht habe, ich habe eine rasperrypi installiert. Nun wollte ich eine Software installieren, finde aber die klassische Wetter, Kalender... etc Software von GitHub langweilig und würde gerne eine Software installieren welche auch ein klassischen Apps wie YouTube, Chrome, anzeigt. Wisst ihr ob es so eine Software gibt oder ob es möglich wäre die selbst zu coden. Liebe grüße danke im Vorraus.

...zum Beitrag

Wie kann ich in Greenfoot einen Text den ich mit einem Befehl erscheinen lasse wieder verschwinden lassen?

Ich habe in meinem Greenfoot Projekt mit folgendem Code einen Text erscheinen lassen:

getWorld().showText("New Wave!", 150, 100);

World w = getWorld();

w.showText("New Wave!", w.getWidth()/2, w.getHeight()/2);

Mein Problem ist nur das der Text sobald er erscheint nicht mehr weg geht (es seiden ich Resete). Kann mir jemand sagen wie ich den Code umschreiben muss damit der Text nach ein paar Sekunden wieder verschwindet?

...zum Beitrag

Kann ich einfach so Code auf Github posten, der lizensierte Softwarebibliothek nutzt?

Ich schreibe ein Programm in Python und nutze dafür einige externe Bibliotheken. Wenn eine dieser Bibliotheken die Verbreitung nur unter Nennung ihrer Lizenz oder sogar nur private Nutzung zulässt, darf ich dann meinen geschriebenen Code einfach so auf Github posten (ohne meine eigene LICENSE.txt oder sogar mit und ich exkludiere die Teile in denen diese Bibliothek vorkommt). Ich nutze diese ja nur und verbreite nicht deren source code. Oder kommt das dann genau darauf an was in der jeweiligen Lizenz stehen würde und man kann das allgemein gar nicht sagen?

Danke

...zum Beitrag

Python Tkinter clear geht nicht?

```File "C:\Users\Marek\energyECO\Gewinnspiel\clearEntry.py", line 9, in register_user

vorname_entry.delete(0, END)

AttributeError: 'NoneType' object has no attribute 'delete'```

Das ist der Error

Und das der Code:

from tkinter import *
import csv

def register_user():
    vorname_info = vorname.get()
    nachname_info = nachname.get()
    email_info = email.get()

    # open the file in the write mode
    with open('Benutzernamen.csv', 'a', newline='', encoding='UTF8') as f:
        # create the csv writer
        writer = csv.writer(f, delimiter =';')
        # write a row to the csv file
        row=[vorname_info, nachname_info, email_info]
        writer.writerow(row)
        # close the file
        f.close()

    #vorname_entry.delete(0, END)
    #nachname_entry.delete(-0, END)

    Label(screen1, text="energyECO")

    vorname_entry.delete(0, 'end')
    nachname_entry.delete(0, 'end')
    email_entry.delete(0, 'end')


def register():

    global screen1
    screen1 = Toplevel(screen)
    screen1.title("Gewinnspiel")
    screen1.geometry("550x500")

    global vorname
    global nachname
    global email

    vorname = StringVar()
    nachname = StringVar()
    email = StringVar()

    global vorname_entry
    global nachname_entry
    global email_entry

    Label(screen1, text="Bitte tragen sie ihren Vor- und Nachnamen und außerdem ihre E-Mail ein", font=('Arial 15')).pack()
    Label(screen1, text=" ").pack()
    Label(screen1, text="Vorname * ", font=('Arial 12')).pack()
    vorname_entry = Entry(screen1,width=50, font=('Arial 20'), textvariable=vorname).pack()
    Label(screen1,text=" ").pack()
    Label(screen1, text="Nachname * ", font=('Arial 12')).pack()
    nachnamne_entry = Entry(screen1,width=50, font=('Arial 20'), textvariable=nachname).pack()
    Label(screen1,text=" ").pack()
    Label(screen1, text="E-Mail * ", font=('Arial 12')).pack()
    email_entry = Entry(screen1,width=50, font=('Arial 20'), textvariable=email).pack()
    Label(screen1,text=" ").pack()
    Label(screen1,text=" ").pack()
    Label(screen1,text=" ").pack()
    Label(screen1, text="Mit der Teilnahme am Gewinnspiel und der Eingabe meine Daten erkläre ich mich bereit, den E-Mail Newsletter von energyECO monatlich zu erhalten.", font=("Arial 10")).pack()
    Label(screen1,text=" ").pack()
    Button(screen1, text="Daten senden", font=('Arial 20'), width="15", height="2", command=register_user).pack()


def close():
    print("Closed!")
    screen.destroy()
    screen1.destroy()

def main_screen():
    global screen
    screen = Tk()
    screen.geometry("300x250")
    screen.title("energyECO")

    Label(text="energyECO", bg="gray", width="300", height="2", font=("Calibri", 13)).pack()
    Label(text=" ").pack()
    Button(text="Gewinnspiel", height="2", width="30", command=register).pack()
    Label(text=" ").pack()
    Label(text=" ").pack()
    Label(text=" ").pack()
    Button(text="Close", command=close).pack()
    Label(text=" ").pack()

    screen.mainloop()

main_screen()

...zum Beitrag

Wie ein Text neben einem Bild setzten bei VS Code mit Html?

Hi. Ich möchte mir eine Webseite erstellen und bin dran und ha noch mein eigenes Logo gestaltet für meine Webseite. Ich hab mein Logo schon in die Webseite gesetzt wo ich sie haben möchte aber neben dem Bild möchte ich auch noch den Titel haben.

Und wie kann ich den Titel bei Html neben den Text setzen?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen