zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden display:none

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.04.2015, 11:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.04.2015
Beiträge: 4
lajilla befindet sich auf einem aufstrebenden Ast
Standard display:none

Hallo, ich möchte folgende Problem lösen. Ich habe bereits einen Teil einer Webseite auf html5 umgestellt und möchte diese nunmehr als Basis für eine Smartphone Version machen, d. h. mittels display.none bestimmte Teile der Webseite beim Smartphone ausschließen, z. B. Banner, Sidebar etc. Innerhalb des html Dokuments funktioniert auch die Anweisung display:none, aber leider nicht in der externen CSS-Datei. Was mache ich falsch? Ich habe meine Versuche hochgeladen und können unter <!--http://www.roevenich-immobilien.de/responsive-entwicklung/test1.html --> eingesehen werden. Danke für die Hilfe.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.04.2015, 12:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.056
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo,

mit der HTML-Datei ist nur eine CSS-Datei verknüpft namens

480.css

Und die enthält nur HTML-Quelltext. Dort musst du die CSS-Angaben hineinschreiben, und zwar nur die.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.04.2015, 12:56
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Zitat:
Zitat von MrMurphy Beitrag anzeigen
... Und die enthält nur HTML-Quelltext. ...
Das ist die Fehlerseite, da die 480.css nicht gefunden wird. Kommt daher, dass die Datei im root-Ordner erwartet wird (s. Base-Element). Liegen tut sie aber in /responsive-entwicklung/.
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/
Mit Zitat antworten
  #4 (permalink)  
Alt 05.04.2015, 13:30
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Zitat:
Zitat von lajilla Beitrag anzeigen
... Was mache ich falsch?
Wenn die 480.css erst bei
media="only screen and (max-device-width: 480px)"
aktiv werden sollte, heißt das, dass Du die Website auf einem Gerät aufrufen muss, dessen Bildschirm nicht Breiter als 480px ist.
Daher ist es viel besser „max-width“ zu schreiben:
media="only screen and (max-width: 480px)"
was sich dann auf dem Browser-Fenster bezieht.
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/
Mit Zitat antworten
  #5 (permalink)  
Alt 06.04.2015, 11:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.04.2015
Beiträge: 4
lajilla befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von MrMurphy Beitrag anzeigen
Hallo,

mit der HTML-Datei ist nur eine CSS-Datei verknüpft namens

480.css

Und die enthält nur HTML-Quelltext. Dort musst du die CSS-Angaben hineinschreiben, und zwar nur die.

Gruss

MrMurphy
Hallo,
verstehe ich nicht ganz:

#fixbanner /* Banner wird trotzdem angezeigt */
{
display:none;
}
Wo ist hier html?
Mit Zitat antworten
  #6 (permalink)  
Alt 06.04.2015, 11:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.056
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo,

du hast die Datei 480.css jetzt korrekt eingebunden und die Anweisungen funktionieren, auch das display:none;.

Ich hatte nicht erkannt, das der Pfad zu der CSS-Datei von dir ursprünglich falsch angegeben war. Dadurch hatte das System eine HTML-Datei eingeblendet, die ich für deine CSS-Datei hielt. Das hatte dann aber etux erkannt.

Gruss

MrMurphy
Mit Zitat antworten
  #7 (permalink)  
Alt 06.04.2015, 11:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.04.2015
Beiträge: 4
lajilla befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von MrMurphy Beitrag anzeigen
Hallo,

du hast die Datei 480.css jetzt korrekt eingebunden und die Anweisungen funktionieren, auch das display:none;.

Ich hatte nicht erkannt, das der Pfad zu der CSS-Datei von dir ursprünglich falsch angegeben war. Dadurch hatte das System eine HTML-Datei eingeblendet, die ich für deine CSS-Datei hielt. Das hatte dann aber etux erkannt.

Gruss

MrMurphy
Hallo,
ja, jetzt bin ich schon einen Schritt weiter. Was aber immer noch angezeigt wird, ist die Sidebar. Da hakt es noch irgendwo.
Mit Zitat antworten
  #8 (permalink)  
Alt 06.04.2015, 12:24
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.056
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Zitat:
Was aber immer noch angezeigt wird, ist die Sidebar. Da hakt es noch irgendwo.
Ja, bei der Person an der Tastatur.

Schmeiß bloß möglichst schnell dein inline-CSS raus. Das ist tödlich.

Zum Problem: Das inline-css geht den CSS-Anweisungen im head-Bereich und dem aus externen Dateien vor. Und im inline-css steht

Code:
display: inline-block;
Das übertrifft das display: none; aus der externen Datei und das div wird angezeigt.

Gruss

MrMurphy
Mit Zitat antworten
  #9 (permalink)  
Alt 06.04.2015, 13:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.04.2015
Beiträge: 4
lajilla befindet sich auf einem aufstrebenden Ast
Standard display:none

Danke, aber darüber muss ich erst einmal nachdenken. das schmeißt mir nämlich alles andere über den Haufen.
Gruss
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.04.2015, 15:04
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.056
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo,

meinst du die Umstellung auf HTML5 mit Responsive Design?

Das kann ich nachvollziehen. Die Seiten werden ja wohl zusätzlich mit php zusammengestückelt.

Dafür musst du bei der Ausgangslage Schmerzensgeld verlangen. Und zwar nicht zu knapp.

Ich habe mir mal die Beispielseite angeschaut. Da müssen ja nicht nur die Inline-Styles gelöscht werden, sondern auch jede Menge anderer veralteter Daten. Zudem sind die Elemente teilweise falsch angewandt worden, z. B. viele Überschriften. Und dann noch überflüssige künstliche Zeilenumbrüche. Und und und

Da kann auch so gut wie nichts automatisiert überarbeitet werden. Jeder Text muss wahrscheinlich zwei bis drei mal durchgegangen werden bis alles passt. Und zwar von jemandem, der sich mit HTML5 auskennt und sauberen Quelltext erstellen kann. So pi mal Daumen gehören 2/3 des Quelltextes gelöscht.

Und die Seiten Stück für Stück überarbeiten ist auch nicht. Das kostet noch mehr Zeit als eine Radikalkur und wird kein sauberes Ergebnis bringen.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, responsive design

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
default display:none bekomme ich nicht sichtbar ZENeca Javascript & Ajax 4 03.01.2012 10:51
display:none; Electrohunter CSS 39 27.09.2007 23:29
Was tun bei deaktivierten Javascript und display:none? burzum Javascript & Ajax 1 11.07.2006 07:59
probleme beim drucken Heinz.Iseli CSS 6 22.04.2005 16:10
tag mit display:none indexierbar? FlashJunior CSS 3 04.02.2005 23:57


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:14 Uhr.