Seltsames CSS-Problem...

Alle weiteren Dienste, die nicht in die drei oberen Foren gehören.
Antworten
Benutzeravatar
desputin
Beiträge: 1270
Registriert: 24.04.2015 17:16:34

Seltsames CSS-Problem...

Beitrag von desputin » 05.06.2017 20:08:36

Hallo Ihr,
ich habe ein seltsames CSS-Problem. Und zwar zeigt mein Browser an, daß eine Grafik nicht richtig geladen werden kann, obwohl sie sichtbar ist. Das CMS ist Wordpress und der Code ist dieser hier:

Code: Alles auswählen

	echo '<div id="slider"><div id="slider-core">',
			     '<div class="rslides-container"><div class="rslides-inner"><ul class="slides">';
				if ( empty( $slider_toggle ) ) {		 
					echo '<li><img src="' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo1.jpg no-repeat center; background-size: cover;" style="background: url(' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo1.jpg) no-repeat center; background-size: cover;" /></li>';
					echo '<li><img src="' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo2.jpg no-repeat center; background-size: cover;" style="background: url(' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo2.jpg) no-repeat center; background-size: cover;" /></li>';
					echo '<li><img src="' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo3.jpg no-repeat center; background-size: cover;" style="background: url(' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo3.jpg) no-repeat center; background-size: cover;"  /></li>';
					echo '<li><img src="' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo4.jpg no-repeat center; background-size: cover;" style="background: url(' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo4.jpg) no-repeat center; background-size: cover;"  /></li>';
					echo '<li><img src="' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo5.jpg no-repeat center; background-size: cover;" style="background: url(' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo5.jpg) no-repeat center; background-size: cover;" /></li>';
Die Seite ist diese hier. Es handelt sich um die Grafiken des Sliders:
http://politikvonunten.org/BDP/
Könnt Ihr mir sagen, was am Code falsch ist?

Viele Grüße desputin
https://www.daswirdmanjawohlnochsagenduerfen.de
https://www.neoliberalyse.de - Über die Ökonomisierung aller Lebensbereiche. |

Benutzeravatar
TRex
Moderator
Beiträge: 8038
Registriert: 23.11.2006 12:23:54
Lizenz eigener Beiträge: MIT Lizenz
Wohnort: KA

Re: Seltsames CSS-Problem...

Beitrag von TRex » 05.06.2017 20:11:53

Nein, weil ich die Bilder sehe. Welchen Browser verwendest du, dass die Bilder nicht dargestellt werden?
Jesus saves. Buddha does incremental backups.
Windows ist doof, Linux funktioniert nichtDon't break debian!Wie man widerspricht

Benutzeravatar
desputin
Beiträge: 1270
Registriert: 24.04.2015 17:16:34

Re: Seltsames CSS-Problem...

Beitrag von desputin » 05.06.2017 20:30:28

Also in Firefox sieht die Grafik an der Seite so aus:
Bild

und in Chromium so:
Bild

Siehe das kleine Symbol oben links auf der Grafik...
https://www.daswirdmanjawohlnochsagenduerfen.de
https://www.neoliberalyse.de - Über die Ökonomisierung aller Lebensbereiche. |

Benutzeravatar
Emess
Beiträge: 3662
Registriert: 07.11.2006 15:02:26
Lizenz eigener Beiträge: MIT Lizenz
Wohnort: Im schönen Odenwald
Kontaktdaten:

Re: Seltsames CSS-Problem...

Beitrag von Emess » 05.06.2017 20:50:01

Code: Alles auswählen

http://politikvonunten.org/BDP/
Beschädigte Bilder

    http://politikvonunten.org/BDP/wp-content/themes/sento/images/slideshow/slide_demo1.jpg%20no-repeat%20center;%20background-size:%20cover;?web-developer-reload=1496688099912
    http://politikvonunten.org/BDP/wp-content/themes/sento/images/slideshow/slide_demo4.jpg%20no-repeat%20center;%20background-size:%20cover;?web-developer-reload=1496688099979
    http://politikvonunten.org/BDP/wp-content/themes/sento/images/slideshow/slide_demo5.jpg%20no-repeat%20center;%20background-size:%20cover;?web-developer-reload=1496688100001
    http://politikvonunten.org/BDP/wp-content/themes/sento/images/slideshow/slide_demo3.jpg%20no-repeat%20center;%20background-size:%20cover;?web-developer-reload=1496688099955
    http://politikvonunten.org/BDP/wp-content/themes/sento/images/slideshow/slide_demo2.jpg%20no-repeat%20center;%20background-size:%20cover;?web-developer-reload=1496688099934

ob es damit zusammenhängt? Und was soll dieses kleine Favicon in den Bildern?
Und wenn ich den Link zum Bild aufrufe wird weder Bild noch Seite gefunden. Meiner Meinung stimmt deine Verlinkung nicht richtig oder das was WP daraus macht.
Debian Testing (bleibt es auch)
Debian Bullseye KDE Plasma 5x Kernel 5.10.0-12-amd64
Notebook HP ZBook 17 G2

http://www.emess62.de

Benutzeravatar
desputin
Beiträge: 1270
Registriert: 24.04.2015 17:16:34

Re: Seltsames CSS-Problem...

Beitrag von desputin » 05.06.2017 21:04:10

Hm, also das hier wird doch gefunden:

Code: Alles auswählen

http://politikvonunten.org/BDP/wp-content/themes/sento/images/slideshow/slide_demo2.jpg
https://www.daswirdmanjawohlnochsagenduerfen.de
https://www.neoliberalyse.de - Über die Ökonomisierung aller Lebensbereiche. |

Benutzeravatar
Emess
Beiträge: 3662
Registriert: 07.11.2006 15:02:26
Lizenz eigener Beiträge: MIT Lizenz
Wohnort: Im schönen Odenwald
Kontaktdaten:

Re: Seltsames CSS-Problem...

Beitrag von Emess » 05.06.2017 21:26:55

Das spuckt die Google Chrome Console aus
Bild
Debian Testing (bleibt es auch)
Debian Bullseye KDE Plasma 5x Kernel 5.10.0-12-amd64
Notebook HP ZBook 17 G2

http://www.emess62.de

Benutzeravatar
TBT
Beiträge: 923
Registriert: 18.06.2003 08:39:36
Kontaktdaten:

Re: Seltsames CSS-Problem...

Beitrag von TBT » 05.06.2017 22:01:38

<img src="' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo1.jpg no-repeat center; background-size: cover;" style="background: url(' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo1.jpg) no-repeat center; background-size: cover;" />

du wolltest bestimmt das hier schreiben ;) (ohne style Angaben im src Attribut)

<img src="' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo1.jpg" style="background: url(' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo1.jpg) no-repeat center; background-size: cover;" />

Benutzeravatar
desputin
Beiträge: 1270
Registriert: 24.04.2015 17:16:34

Re: Seltsames CSS-Problem...

Beitrag von desputin » 06.06.2017 08:47:06

Hallo TBT,
das Problem: Wenn ich die von Dir rot markierten Teile wegnehme, verzerren die Grafiken. Das sieht dann so aus:

Bild

vs. vorher MIT den rot markierten Elementen no-repeat center..... sieht es besser, also unverzerrt aus:

Bild
https://www.daswirdmanjawohlnochsagenduerfen.de
https://www.neoliberalyse.de - Über die Ökonomisierung aller Lebensbereiche. |

Benutzeravatar
TBT
Beiträge: 923
Registriert: 18.06.2003 08:39:36
Kontaktdaten:

Re: Seltsames CSS-Problem...

Beitrag von TBT » 06.06.2017 09:04:07

Nur im src-Attribut rausnehmen, dort sind sie falsche.
Im style-Attribut müssen sie drin bleiben.
Wäre wahrscheinlich auch besser, die Style Angaben über eine externe CSS Datei zu machen.

Benutzeravatar
desputin
Beiträge: 1270
Registriert: 24.04.2015 17:16:34

Re: Seltsames CSS-Problem...

Beitrag von desputin » 06.06.2017 10:01:02

Hm, das hab ich gemacht, aber enn ich das jetzt als Code nehme, dann verzerren die Grafiken nach wie vor:

Code: Alles auswählen

echo '<li><img src="' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo1.jpg" style="background: url(' . esc_url( get_template_directory_uri() ) . '/images/slideshow/slide_demo1.jpg) no-repeat center; background-size: cover;" /></li>';
https://www.daswirdmanjawohlnochsagenduerfen.de
https://www.neoliberalyse.de - Über die Ökonomisierung aller Lebensbereiche. |

Antworten