|
|||
Anpassung der Seite an die mobilen Geräte
Hallo Ihr lieben, bin neu hier im Forum. Habe schon einige Zeit hier mitgelesen und bin begeistert wie groß die Bereitschaft ist anderen zu helfen, ich hoffe irgendwann auch soweit fit zu sein um hier und da auch ein Wörtchen mitreden zu können.
Nun zu meinem Problem. Es geht um diese Seite hier Media-Store.net Ich bin gerade dabei die Seite vorerst an die Geräte mit max-width 1024px anzupassen. Habe auch einiges anpassen können nur mit der Kategorie-Navigation (#banner) der Produkte schon fast am verzweifeln. Ich muss dazu sagen dieser Online-Shop System ist angemietet und ich habe keinen Einfluß auf die HTML Strucktur. Lediglich ist die CSS frei und kann bearbeitet werden. Die Seiten die ich zusätzlich anlege, kann ich natürlich via HTML-Editor selber nach belieben bearbeiten, aber nicht die Strucktur, Aufbau, Warenkorb etc. In der HTML-Strucktur ist die besagte Produkte-Navigation direkt hinter der horizontalen Navigationsleiste und noch vor dem Content. In der großen Ansicht ist #banner links gefloatet und am großen Bildschirm auch soweit gut sichtbar, bei kleineren Geräten bzw. wenn das Browserfenster verkleinert wird, wird alles so gequetscht dass es kaum noch ohne zu zoomen lesbar bleibt, aus diesem Grund habe ich diese in der kleinen Ansicht vorerst auf Display:none gesetzt. Nach Möglichkeit würde ich diese entweder unter dem Content platzieren, oder was mir noch lieber wäre, weiß aber nicht ob das ohne Änderung der HTML Strucktur machbar wäre, würde ich gerne in der horizontalen Navigation an der rechten Seite ein Button schaffen z.B. Produktsuche und erst nach einem Klick auf diesen Button soll die "Div id=banner" sichtbar werden, hoffe es weiss jemand rat. Ich bedanke mich im Voraus. |
Sponsored Links |
|
|||
Ohne Änderungen an der Struktur wirst du deine Wünsche kaum umsetzen können. "Buttons" kannst du mit CSS alleine nicht einfügen, und auch die Anzeigereihenfolge von Elementen kann man (noch) nicht beliebig mit CSS verändern. JavaScript würde helfen.
Ich bin mir aber nicht sicher, ob du dir einen großen Gefallen tust, wenn du versuchst, diesem Shop nachträglich etwas Reponsiveness überzustülpen. Ich denke, da müsste man erstmal ein Konzept erstellen und dann erst ein Template beginnen. Kann man denn bei diesem Shopsystem keine eigenen Templates erstellen?
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Stichwörter |
css, mobile geräte, navigation |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wordpress Seite Passwort-Schützen? | sepp88 | Serveradministration und serverseitige Scripte | 5 | 01.11.2009 12:56 |
Seite wird auf anderem Computer falsch dargestellt | Patrick Egli | CSS | 3 | 01.11.2009 10:40 |
Unterforen für mobile Geräte? | Robin | Fragen, Konstruktive Kritik, Lob / Bekanntmachungen | 15 | 19.11.2007 16:34 |
Shtml auf jeder Seite einbinden - counter | iVx | Serveradministration und serverseitige Scripte | 1 | 13.09.2007 17:31 |
Fixer Header (CSS Frame) und Sprung zu Anker auf dieser Seite | Chico_wau | CSS | 2 | 14.05.2007 18:08 |