Objekte ausblenden 
Autor: Horst-Jörg K.
Visitado 1933,
Seguidores 1,
Compartilhado 0
Hallo miteinander!
Bei responsiven Websites gibt es ja die nützliche Möglichkeit, ausgewählte Objekte bei geringeren Ausflösungen auszublenden.
Manchmal wäre es zudem auch praktisch, wenn die umgekehrte Möglichkeit bestünde, also Objekte bei höheren Auflösungen zu verstecken. Graphische Darstellungen z. B. könnte man dann abhängig von der Auflösung gestalten.
Ist das machbar?
Viele Grüße
HJK
Publicado em
+1
Nein, derzeit nicht. Wunsch oder Idee wurde aber schon einige male gestellt !
Hatte ich auch neulich vermisst, dann könnte man wirklich individuelle Designs in Abhängigkeit der Bildschirmgröße entwickeln. So muss ich bei Kleinansichten mit Scrollbalken leben, nicht sehr anwenderfreundlich.
Schade ist auch, dass ich bei der Reihenfolgenfestlegung auf die rotumrahmten Elemente beschränkt werde, aber eine freie Gestaltung ist wohl, so vermute ich mal, mit einem zu großen Umbau der Tabellenstrukturen verbunden.
Es muss auch innerhalb der responsiven CSS Regeln liegen und nicht utopisch sein.
Autor
O. k. und vielen Dank für die Anworten!
HJK
Es hilft jetzt zwar nicht weiter aber den Wunsch Objekte nur in der größten Auflösung ausblenden zu können habe ich auch.
Hallo Horst Jörg,
es gibt eine manuelle Lösung!
Du kannst es über css und @media regeln.
Beispiel: (Code gehört nach dem <head> TAG)
Element #imGroup_12 ist nur bei Handyauflösung sichtbar und dafür Element #imGroup_13 nicht
<style>
@media(min-width: 801px) { /* größer Handyauflösung wird Content ausgeblendet */
#imGroup_12{
display:none;
}
}
@media(max-width: 801px) { /* in der Handyauflösung wird Content ausgeblendet */
#imGroup_13 {
display:none;
}
}
</style>
VG Jeanette
@Jeanette dieser Code blendet die ganze Gruppe aus wo man Objekte eingefügt hat. Und das auch nur im Content. Im HEader ist der Code komplett anders. Außerdem blendet dieser Code nur aus und nicht wieder ein in niedrigeren Breakpoints.
Hallo Andreas,
natürlich blendet der Code ein!
Schau Dir das Beispiel genau an:
Objekt imGroup_13 ist nur in der Handyauslösung sichtbar (wird also eingeblendet) und Objekt imGroup_12 ist nur sichtbar größer Handyauflösung (wird also eingeblendet). Das kann man natürlich je nach Betrachtungswinkel als Ein- oder Ausblenden bezeichnen. Damit hast Du auf jeden Fall die gewünschte Möglichkeit.
Wie die Elemente oder Objekte im Header heissen bekommt man leicht über die Konsole (Element untersuchen) des Browsers heraus.
VG Jeanette
Autor
Hallo, Jeanette,
danke für Deine Idee (hab sie erst jetzt gelesen). Ich probiere es demnächst einmal aus.
VG
HJK