zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Problem mit <div> Anordnung beim Umstieg von Joomla!3 auf Joomla!4

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.07.2023, 20:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2018
Beiträge: 8
Kurtus befindet sich auf einem aufstrebenden Ast
Standard Problem mit <div> Anordnung beim Umstieg von Joomla!3 auf Joomla!4

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.07.2023, 16:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2018
Beiträge: 8
Kurtus befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:59 Uhr.