PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Stylesheets fürs Handy
Beitrag
<blockquote data-quote="RonjaWork" data-source="post: 1966448" data-attributes="member: 452455"><p>Hallo zusammen,</p><p></p><p>ich versuche gerade eine Webseite, die ich vor einiger Zeit gemacht habe, etwas zu modernisieren. Dazu gehört natürlich auch das Aufbereiten für Smartphones. Ich habe das allerdings noch nie so richtig gemacht und stoße schon am Anfang auf Probleme...</p><p></p><p>Ich habe die css-Datei mit folgendem Code eingebunden:</p><p><link rel="stylesheet" href="scripte/handy.css" type="text/css" media="only screen and (max-device-width: 480px)" /></p><p></p><p>Nun wird das geänderte Design aber nicht angezeigt, weder wenn ich es mit dem Handy versuche, noch wenn ich mein Browser-Fenster zusammenschiebe. Könnt ihr mir sagen, wo der Fehler liegt?</p><p></p><p>Außerdem habe ich noch eine Frage. Auf der Webseite sind große Bilder im Hintergrund. Diese fallen auf der Handy-Version dann natürlich weg. Ich würde die Bilder dann aber gerne über dem Text im Content-Bereich einfügen.</p><p>Dafür müsste ich ja HTML-Code dazu schreiben. </p><p>Nun zu meiner Frage:</p><p>Kann ich direkt dem HTML-Code sagen, dass er nur auf dem Handy gezeigt werden soll, oder muss ich in der normalen CSS-Datei einfach einen Befehl "display:none" einsetzten?</p><p></p><p>Es handelt sich im übrigen um die Webseite <a href="http://www.rubenvorwald.de" target="_blank">www.rubenvorwald.de</a></p><p></p><p>Danke für eure Hilfe,</p><p>Ronja</p></blockquote><p></p>
[QUOTE="RonjaWork, post: 1966448, member: 452455"] Hallo zusammen, ich versuche gerade eine Webseite, die ich vor einiger Zeit gemacht habe, etwas zu modernisieren. Dazu gehört natürlich auch das Aufbereiten für Smartphones. Ich habe das allerdings noch nie so richtig gemacht und stoße schon am Anfang auf Probleme... Ich habe die css-Datei mit folgendem Code eingebunden: <link rel="stylesheet" href="scripte/handy.css" type="text/css" media="only screen and (max-device-width: 480px)" /> Nun wird das geänderte Design aber nicht angezeigt, weder wenn ich es mit dem Handy versuche, noch wenn ich mein Browser-Fenster zusammenschiebe. Könnt ihr mir sagen, wo der Fehler liegt? Außerdem habe ich noch eine Frage. Auf der Webseite sind große Bilder im Hintergrund. Diese fallen auf der Handy-Version dann natürlich weg. Ich würde die Bilder dann aber gerne über dem Text im Content-Bereich einfügen. Dafür müsste ich ja HTML-Code dazu schreiben. Nun zu meiner Frage: Kann ich direkt dem HTML-Code sagen, dass er nur auf dem Handy gezeigt werden soll, oder muss ich in der normalen CSS-Datei einfach einen Befehl "display:none" einsetzten? Es handelt sich im übrigen um die Webseite [url]www.rubenvorwald.de[/url] Danke für eure Hilfe, Ronja [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Stylesheets fürs Handy
Oben