Problem mit <div> Anordnung beim Umstieg von Joomla!3 auf Joomla!4

Kurtus · #1 (**permalink**) 27.07.2023, 20:02

Liebe Experten,

auf unserer Vereinshomepage (Carnevalverein) hatte ich vor 5 Jahren mittels der Extension "Animate It!" (https://www.downloads.eleopard.in/animate-it-demo) unter Joomla!3 eine kleine (animierte) Galerie der Prinzenpaare eingerichtet:

https://www.mcv-moemlingen.de/wir-ue...s/prinzenpaare

Nachdem ich nun mit der Seite auf Joomla!4 umsteigen will, sieht diese Galerie leider nicht mehr so gut aus, da plötzlich die Fotos der Prinzenpaare anstelle rechts neben dem Textes nun unterhalb des Textes angeordnet sind:

https://joomla4.mcv-moemlingen.de/wi...s/prinzenpaare

Der HTML-Code ist unter Joomla!3 der gleiche wie unter Joomla!4 und sieht für jedes Prinzenpaar so aus:

HTML-Code:

<div class="row-fluid">
	<div class="span7 offset1">
		<div class="custom animated bounceInLeft eds-on-scroll">
			<h1><span style="font-size: 18pt; color: #0000ff;">1953</span><br /><br /> <span style="font-size: 14pt; color: #4636f5;"><span class="icon-arrow-right-3"> </span>Alfredo I. von Stamponesien<br /> <span class="icon-arrow-right-3"> </span>Olga I.</span></h1>
			<strong>(Alfred Vogel und Olga FuÃŸner)</strong><br /><br />
			<p class="alert alert-info">Hofmarschall: <strong>German Klotz</strong><br /> Hofdamen: <strong>Ingrid Hegmann, Maria Graner</strong><br /> Zeremonienmeister: <strong>Kurt Giegerich, Gustel Graner</strong></p>
		</div>
	</div>
	<div class="span4 animated bounceInRight eds-on-scroll">
		<div class="module-surround">
			<div class="module-content">
				<div class="custom animated bounceInRight eds-on-scroll">
					<p style="text-align: left;"><a href="images/ppaare/1953_prinzenpaar.jpg" target="_new"><img src="images/ppaare/1953_prinzenpaar_kl.jpg" alt="" /></a></p>
				</div>
			</div>
		</div>
	</div>

Ich habe es schon mit dieser CSS-Class probiert:

CSS:

Code:

.zentriert {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

Dies bewirkt aber nur, dass alles zentriert wird, die Fotos befinden sich noch immer unterhalb des Textes anstelle rechts davon.

Hätte jemand einen Tipp für mich, wie ich das unter Joomla!4 wieder so hinbekomme, wie es unter Joomla!3 aussah (also dass die Fotos der Prinzenpaare wieder rechts vom Text erscheinen)?

Vielen Dank für jede Hilfe
Kurt

Kurtus · #2 (**permalink**) 29.07.2023, 16:20

Hat sich erledigt.
Hab die Antwort in einem anderen Forum bekommen.
Schuld war ...class="span...

Die "span" Klassen gibt es nicht mehr. Das heißt nun "col-".
(getbootstrap.com/docs/5.3/layout/columns/ )

Viele Grüße
Kurt

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
problem mit <div>	DiveSurfer	(X)HTML	2	09.05.2005 20:58
problem <div> anstelle von table	DiveSurfer	(X)HTML	8	31.03.2005 21:57
Problem mit Positionierung von <div> Containern	Lockhead	CSS	15	14.09.2004 21:03
Problem bei Positionierung eines <div> im Container	Robse	CSS	2	12.06.2004 12:43
Problem mit Konqueror (<div> Bereich hat Darstellungsf	Rantanplan	Site- und Layoutcheck	0	28.12.2003 23:47