Squarespace Bilder Accordion nebeneinander anordnen?

Hallo Leute,

ich brauche eure Hilfe beim erstellen eines Accordions in Squarespace mithilfe der coding box und html. ich habe mich bisher nach diesem tutorial gerichtet und es funktioniert auch alles super:

https://www.youtube.com/watch?v=JHsP_iG1Kic&lc=UgwvbnECKYlvIw22HXR4AaABAg.9v7CHH4Qreo9vEyZzcS6d7

jetzt möchte ich die Bilder (text mit Verlinkung auf Bild-Upload) aber nebeneinander anordnen, weil es im layout ein wenig weit voneinander entfernt ist.

Bild zum Beitrag

kann mir jemand dabei helfen, diesen code zu schreiben? Bitte schreibt auch dazu, wo dieser platziert sein soll.

Dankesehr im Voraus!

1 Antwort

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, programmieren

05.10.2023, 13:54

Die Bildelemente dürfen nicht in einzelnen/separaten Blockelementen (p, div, article, ...) stehen. Ordne sie stattdessen unter einem einzigen Blockelement ein.

Beispiel:

<p>
  <img alt="..." src="...">
  <img alt="..." src="...">
</p>

heyhanna99

Beitragsersteller

06.10.2023, 09:07

hallo, alles klar, danke! Ich brauche mehr kontext: wo wird der code platziert? im html coding block? und soll ich beid en punkten etwas einfügen?

regex9

06.10.2023, 14:38

@heyhanna99

Schau in deinen HTML-Editor. Da du bereits Bilder eingefügt hast, müssen da auch schon img-Tags enthalten sein (jeder img-Tag repräsentiert ein Bild), die du nun in ein gemeinsames Blockelement verschieben musst.

Ähnliche Beiträge

Html div anordnen?

Hallo, ich habe mehrere Container, welche nebeneinander, bzw. untereinander platziert

werden sollten. Das problem liegt darin, dass wenn ein Container zu groß ist werden bei den kleineren Container platz gelassen. Wie kann man das vermeiden?

...zum Beitrag

Webentwickler trotz Web Baukasten?

Ich wollte eigentlich als Webentwickler Website für verschiedene Business machen, ich fange auch wirklich an, an Webseiten zu arbeiten und sie zu machen (bin jedoch immer noch ein Anfänger) jetzt habe ich eine Frage, nehmen wir an ich möchte eine Website machen, aber eigentlich ist dies doch nicht notwendig oder gar unvorteilhaft für normale Geschäfte, denn für diese ist es doch vorteilhafter einfach einen Webseiten Baukasten wie squarespace zu benutzen oder irre ich mich? Brauchen nicht nur mega komplizierte Webseiten normale Programmierer? Also ist das überhaupt möglich als Freelancer für Geschäfte ihre Websiten zu erstellen, gibt es da bestimmte Nischen die auf normale Entwickler angewiesen sind oder ähnliches...?

...zum Beitrag

Forum für Programmierer?

Hallo,

gibt es solche? Wenn geht für JavaScript/CSS/HTML

...zum Beitrag

Wie verbessere ich meine Webseite?

Ich füge noch einige Punkte auf meiner Homepage hinzu, wie FAQ... Doch für meine bisherige Website wollte ich wissen, ob ihr was zum Verbessern habt?

...zum Beitrag

Unterschied library und framework?

Also ich weiss schon was eine library ist, aber nicht, wo der Unterschied zu einem framework ist. Ist ein framework einfach größer? Bin nicht zu komplex erklären, ich bin auch nur ein vanilla js game dev der das als hobby macht.

Und ja ich hab auch schon gegoogelt ich checks nicht

...zum Beitrag

Design Ideen?

Hi Leute,

ich mache gerade meine eigene Webseite und auf dem Foto könnt ihr sehen, dass dort wo markiert ist, so eine Lücke ist, die mich aufregt. Ich glaube, dort soll irgendwas rein. Vllt irgendein Vector oder sowas. Bitte gibt mir paar Ideen, denn ich habe schon überall geguckt und habe nichts nützliches gefunden.

Dankeschön im Voraus

MfG

MrOsmo

...zum Beitrag

HTML projekt wie findet ihr die vorarbeit?

html:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<Header>
</Header>
<div class="input">
<main>
<form action="" method="post">
<h2>Anmeldung</h2>
<input type="email" name="Email" placeholder="Email hier eingeben" required="@" id=""> <br>
<input type="text" name="Benutzer" placeholder="Benutzer hier eingeben" required="A-z" > <br>
<input type="password" name="passwort" placeholder="password hier eingeben " id=""> <br>
<input type="submit" value="Anmelden">
<input type="reset" value="reset">
</form>
</div>
<hr>
<a href="#">Impressum</a>
<a href="#">kontakt</a>
<a href="#">Über uns</a>
</main>
<footer>
</footer>
</body>
</html>

css

body {
font-family: Arial, Helvetica, sans-serif;
color: white;
}
body{
background-color: black;
}
.input {
display: flex;
margin: 700px;
margin-top: 300px;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 3px 3px white;
border-radius: 30px;
height: 300px;
width: 300px;
}
a{
font-family: Arial, Helvetica, sans-serif;
display: flex;
justify-content: center;
align-items: center;
}
a:hover{
color: green;
text-decoration-line: none;
}
input{
padding: 5px;
border-radius: 10px;
}
input[type="submit"] {
font-size: 1.0em; padding: 1px 6px;
font-family: Roboto, sans-serif;
font-weight: 100;
color: teal;
border: 1px solid silver;
background-image: linear-gradient(to top, gainsboro 0%, white 90%);
border-radius: 20px;
}
input[type="reset"] {
font-size: 1.0em; padding: 1px 6px;
font-family: Roboto, sans-serif;
font-weight: 100;
color: teal;
border: 1px solid silver;
background-image: linear-gradient(to top, gainsboro 0%, white 90%);
border-radius: 20px;
}

...zum Beitrag

Cms WordPress oder Html?

cms oder html?

Hallo, ich möchte eine Webseite erstellen lassen und was für eine Webseite brauche ich für mein Business WordPress oder eine programmieren Webseite. Mit viele Unterseiten und Suchmaschinenoptiemierung

Vorteile und Nachteile

Danke

...zum Beitrag

Wordpress alterantive für Individulle Webapps?

Hallo, ich bin auf der suche nach einer Wordpress alternative für meinen Pi, da ich aber keine Wordpressseite erstellen will, sondern nur meinen eigenen Webseitteile(index.html und unterseiten ) hochladen will kommt Wordpress meines wissens nicht in fragen, hat jemand einen Lösung wie ich meinen Datein, und alle einstellungen über eine grafische Oberfläche regeln kann

...zum Beitrag

Wordpress Seiten verbinden?

Ich habe zwei verschiedene Wordpress Seiten über zwei verschiedenen Hosting Veträge mit zwei verschiedenen Domains. Gibt es einen Weg diese irgendwie zu connecten? Dass ich mit einem Benutzerkonto auf die zwei zugreifen kann, und andere Benutzer gleichzeitig auf beiden Seiten ein Konto haben? Über die Wordpress Multisite Funktion kann man zwei externe Domains ja nicht miteinander verbinden

...zum Beitrag

Hilfe mit CSS Flexbox?

wie kann ich die 4 Bilder wie folgt anordnen?

ich code noch nicht so lange, doch hier der code den ich bis jetzt habe. Also bitte nicht auslachen ^^

CSS:

/* Dienstleistungen*/

.dienstleistungen{

justify-content: center;

width: 75%;

}

.mofa-zündung-service{

height: 50%;

width: auto;

}

.mofa-getriebe-revisionen{

height: 25%;

width: auto;

align-self: top;

}

.mofa-vergaser-tuning{

height: 25%;

width: auto;

align-self: top;

}

.mofa-kolben-ersatzteile{

height: 25%;

width: 50%;

}

/*!Dienstleistungen*/

HTML:

<h3>Dienstleistungen</h3>

<li><a href="#">Service</a></li>

<li><a href="#">Revisionen</a></li>

<li><a href="#">Tuning</a></li>

<li><a href="#">Ersatzteile</a></li>

</div>

so sieht es bis jetzt aus:

Ich verstehe vor allem nicht wie ich die Bilder untereinander und gleichzeitig neben einem anderen Bild anordnen kann. (kolben)

...zum Beitrag

wie kann man mit welche plugins bei wordpress die seiten zeitsteuern so da jede Seite zu einen bestimmte Datum zugeordnet ist?

...zum Beitrag

Wie diese Funktion mit HTML-Code nachbauen?

Guten Abend zusammen ich programmiere eine kleine Seite und mir ist eine Funktion auf ebay aufgefallen; Wenn ihr auf dir Startseite geht dann gibt es etwas unten eine Art: Werbungsvorschläge. Beispielsweise steht da: Handys und Smartphones und direkt dadrunter befinden sich mehrere Bilder von verschiedenen Produkten. Wenn man darauf klickt wird man dementsprechend weitergeleitet. Rechts und links gibt es eine Pfeiltaste, wenn man sie drückt geht es nach links/rechts und es werden weitere Bilder/Produkte angezeigt. Es geht hierbei um die Funktion: Persönliche Empfehlung bei Ebay. Mir ist bereits bewusst, dass ich eine Scriptsprache brauche. Mir geht es jedoch hierbei nur um die Struktur und nicht um die Funktionen. Ich habe mir gedacht, dass ich diesen Code verwenden könnte: <button>←</button> -> Das ist ein Button mit der Pfeiltaste rechts und ich füge einige Bilder hinzu mit dem Code <img> .

Habt ihr vlt. einen Code mit dem es einfacher geht oder würdet ihr es anders machen. Ich bin dankbar für jede Hilfe und jeden Code :)

...zum Beitrag

Welche Sicherheitsvorkehrugen bei der Webentwicklung (z. B. beim Login)?

HI. Wie kann man sich am besten vor Hacker-Angriffen bzw. allgemein Hacking von Konten in der Webentwicklung (nutze da Vue,js. Socket.io, Node,js etc.) schützen? Also mit einem Token ist klar etc. Aber welche gibt es noch? Danke für eure Antworten :)

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen