CSS Verständnisproblem

Hallo liebe CSS-Gurus,

ich habe diesen Code 1:1 übernommen. (ich versuche noch immer mich in CSS einzuarbeiten)

Was kann der Grund dafür sein, das

1. die "Dots" bei mir vertikal angezeigt werden
2. außer dem 1. Bild kein anderes angezeigt wird. Sobald man eines auswählt, verschwindet optisch der ganze Slider bis auf die "Dots".

Screenshot ist angehängt.

Nach was muss ich also suchen? Es kann ja meinem Verständnis nur etwas mit dem schon vorhandenen CSS zu tun haben. Ich vermute mal, das da irgendeine "Standardeinstellung" geändert wird und in dem genannten CSS nicht wieder "korrigiert" wird?

Gruß Edzard

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 302497

Url: https://administrator.de/forum/css-verstaendnisproblem-302497.html

Ausgedruckt am: 20.04.2025 um 16:04 Uhr

14 Kommentare

Neuester Kommentar

Hallo Edzard,

wie immer gilt: gib uns alle Informationen - also, die Testsite. Vermutlich hast du einfach noch weitere CSS/JS Skripte inkludiert, welche schlussendlich zum unerwünschten, aber zweifellos korrekt interpretierten Ergebnis führen.

VG

Hallo,

natürlich liegt es mit hoher Wahrscheinlichkeit an schon vorhandenem CSS Code, denn wenn es nur den übernommenen Code gäbe, würde es auch so dargestellt werden.

Da du uns aber nicht mitteilst wie der Rest deines Codes aussieht, wird dir wohl keiner helfen können.

Gruß

P.S. zu langsam

Hi,

ich habe euch alle Informationen gegeben, die ich hier veröffentlichen kann. Das Wordpress läuft auf einem Notebook in einer VM. Also kann ich leider keine Testseite angeben. Das weitere CSS vorhanden sind, habe ich angegeben. Deswegen ja meine Frage: "Nach was muss ich also suchen?" Welches Tag oder Div kann das verursachen? Den Code findet ihr im Link.

VG

Nach allem, was damit korrespondieren kann. Ohne mehr Infos, keine näheren Infos.

@keine-ahnung - übernimm du.

Eine Info kann ich dazu noch geben: Das CSS des Themes sind über 3000 Zeilen. Ich denke nicht, das es Sinn macht, diesen hier zu posten. Wenn doch bitte sagen.

Der Slider befindet sich in einem div-Konstrukt auf den folgendes CSS angewandt wird:

	#MeinContainer {
		display: -webkit-flex;
		display: flex;
		flex-flow:row wrap;
  height: 800px;
	}
	
	#MeinLinks{
		flex: 1;
  		min-width: 30em;
	}
	#MeinRechts{
		width: 16em;
  	}

	@media (max-width:480px){
		#MeinContainer{flex-flow: column wrap}
		#MeinLinks {order:1}
		#MeinRechts {order:2}
	}

	@media (max-width:20em){
		#MeinLinks{min-width: 20em;}
	}

Edzard, du missverstehst. Es bringt nichts, dass zu posten. in dem Fall braucht es ein Livesystem, in dem das Modul eingebaut ist - das werden wir hier nicht nachbauen.

Um meine Frage ein wenig zu konkretisieren? Welche/s "Objekt/e" sind an der jetzt falschen Anzeige beteiligt. Ich verstehe das CSS-Zeug leider noch nicht gut genug, um selbst dahinter zu steigen.

potentiell? alle im selben Zugriff.

Zitat von @certifiedit.net:

Edzard, du missverstehst. Es bringt nichts, dass zu posten. in dem Fall braucht es ein Livesystem, in dem das Modul eingebaut ist - das werden wir hier nicht nachbauen.

Zeige mir einen Screenshot eines Delphikompilates, sage mir welche Objekte du benutzt hast und ich sage dir, wo du was falsch gemacht haben könntest. Dazu brauche ich nicht einmal den Code. Ich habe das sicherlich schon mindestens einmal gesehen.
Bei jemanden, der regelmäßig mit CSS zu tun hat, wird es ähnlich sein: Der wird sowas in der Art schon gesehen haben. Und der wird mir sicherlich sagen können, wo ich anfangen muss zu suchen. Der Code ist immerhin im Link zu sehen.

Ich kann die Frage auch umdrehen - und damit musst du nichts nachbauen: Was muss ich im Link angegebenen Code ändern, damit die Livevorschau genau so besch.... aussieht, wie mein Screenshot?

Das hab ich dir schon gesagt - potentiell alles, was über die vorhandenen CSS Klassen referenziert wird.

Ich hoffe du hast deinen Spaß

Eigentlich nicht. Aber ich referenzier gerne auf die Glaskugel, wie in sonstigen "Hilfe mein Web Code rennt nicht" Anfragen eben auch.

Schönen Abend.

Es ist fast unmöglich das ohne livesystem rauszufinden.
Aber ich tippe auf folgendes:

nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
}

Das display: inline-block; wird irgendwo in deinem Code überschrieben.
Du könntest versuchen es dahingehend abzuändern:
display: inline-block!important;

Wie gesagt, nur geraten... mehr kann man nicht

Gruß