mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.07.2024 19:15 Benutzername: Passwort: Auto-Login

Thema: CSS Problem - Background Grafik in mobiler Ansicht ausblende vom 19.02.2016


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Problem - Background Grafik in mobiler Ansicht ausblende
Autor Nachricht
sascha_kote
Threadersteller

Dabei seit: 18.10.2007
Ort: Münster
Alter: -
Geschlecht: Männlich
Verfasst Fr 19.02.2016 13:13
Titel

CSS Problem - Background Grafik in mobiler Ansicht ausblende

Antworten mit Zitat Zum Seitenanfang

Hallo,
ich habe momentan ein kleines CSS-Brett vorm Kopf.

Ich habe eine Hintergrundgrafik mit Text drauf.
In der mobilen Ansicht möchte ich den Text stehen lassen und die Hintergrundgrafik nicht anzeigen.

mit .banner { display:none;} wird mir aber die Grafik und der Text nicht angezeigt.

Kann mir da jemand auf die Sprünge helfen?
Danke Sascha

<div class="slider-holder">
<div id="" class="banner" style="width:100%; height: 560px; background-image: url(grafik.jpg); background-repeat: no-repeat; background-position: center center;">

<div class="container">
<p>
Lorem Ipsum Lorem Ipsum Lorem Ipsum
</p>

</div>
</div></div>
  View user's profile Private Nachricht senden
Kartöffelchen

Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht: Männlich
Verfasst Fr 19.02.2016 13:27
Titel

Antworten mit Zitat Zum Seitenanfang

Liegt daran, weil deine Klasse "container" innerhalb der Klasse "banner" steckt und du somit beides ausblendest.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
sascha_kote
Threadersteller

Dabei seit: 18.10.2007
Ort: Münster
Alter: -
Geschlecht: Männlich
Verfasst Fr 19.02.2016 13:50
Titel

Antworten mit Zitat Zum Seitenanfang

Das ist schon klar, aber kann ich das umgehen?
  View user's profile Private Nachricht senden
lefoff

Dabei seit: 27.09.2006
Ort: KL
Alter: 39
Geschlecht: Männlich
Verfasst Fr 19.02.2016 13:51
Titel

Antworten mit Zitat Zum Seitenanfang

.banner { background: none; }
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Fr 19.02.2016 13:56
Titel

Re: CSS Problem - Background Grafik in mobiler Ansicht ausbl

Antworten mit Zitat Zum Seitenanfang

sascha_kote hat geschrieben:
...
In der mobilen Ansicht möchte ich den Text stehen lassen und die Hintergrundgrafik nicht anzeigen.

mit .banner { display:none;} wird mir aber die Grafik und der Text nicht angezeigt.

...

Versuch es mit:
Code:
.banner { background-image: none;}


Und ich hoffe das Inline-CSS sind nur zu Erklärungszwecken da drin.

Wenn nicht: Gewöhn dir das bloß nicht an! CSS-Anweisungen gehören in eine separate CSS-Datei oder vielleicht auch noch in den head. Inline-CSS ist Pfusch (auch wenn es sich manchmal auch nicht vermeiden lässt. * grmbl * ).
  View user's profile Private Nachricht senden
sascha_kote
Threadersteller

Dabei seit: 18.10.2007
Ort: Münster
Alter: -
Geschlecht: Männlich
Verfasst Fr 19.02.2016 14:34
Titel

Antworten mit Zitat Zum Seitenanfang

danke Lächel klappt hervorragend!
  View user's profile Private Nachricht senden
 
Ähnliche Themen Menü in der Sidebar bei mobiler Ansicht verkleinern
Problem mit der Ansicht im IE
css problem mit background
Background Problem
background problem
Problem mit div background
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.