Ankündigung

Einklappen
Keine Ankündigung bisher.

W3C-Tutorial für responsives Design - Probleme bei der Umsetzung

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • W3C-Tutorial für responsives Design - Probleme bei der Umsetzung

    Hallo,

    ich versuche nun in etwas größerem Stil, eine Webseite mit komplett responsivem Design aufzubauen. Als Grundlage dazu dient mir das englische W3C-Tutorial "Responsive Web Design Introduction", von dem ich schon wegen der schrittweisen Erklärungen viel halte. Ich habe die Beispiel-Hauptseite dort ein wenig an meine Vorstellungen angepasst, es sind jedoch nur Äußerlichkeiten, der innere Aufbau ist völlig unverändert. Diese Seite funktioniert, das Layout wird an verschiedene Viewports angepasst. Die CSS ist bei den Beispielen dort allerdings immer in den Header integriert. Zur Ansicht habe ich sie wieder temporär in die sensibel-heilen eingepackt:

    www.sensibel-heilen.de/template_modif.htm

    Ich verstehe mittlerweile bereits ein wenig von den Grundlagen und wollte mich jetzt weiter damit beschäftigen. Ich dachte, es sei eine gute Idee, zunächst einmal die CSS-Informationen als separate Datei auszulagern (der Übersichtlichkeit wegen). Bei meinen eigenen Seiten funktioniert das ohne Probleme - da gibt`s allerdings auch keine Medie Queries. Nachdem ich eine separate Datei mit den ausgelagerten CSS-Infos angelegt hatte, funktioniert die Anpassung an die Vieports nicht mehr richtig.

    www.sensibel-heilen.de/testtemplate.htm

    Hat jemand eine Idee, woran das liegen kann ? Vielen Dank im Voraus und
    viele Grüße

    Bernhard
    Willkommen beim Gitarrenunterricht A. Hertel in Neuss mit preisgünstigen Angeboten für Erwachsene, Kinder und Jugendliche. <META NAME=
    Zuletzt geändert von Bernhard; 14.03.2019, 15:44.

  • #2
    Hi,
    HTML-Elemente haben in einer CSS-Datei nichts zu suchen!

    Gruß
    Ingo
    Ingo Webdesign

    Kommentar


    • #3
      Danke, Ingo

      habe aus Versehen den <Style> Tag beim Rauskopieren in die separate CSS nicht gelöscht. Ist mir gestern Abend selber aufgefallen. Im Upload die korrigierte Version.
      Ich werden den Thread ganz sicher weiter brauchen, da kommen (fast garantiert) weitere Probleme bei der Umsetzung - und Fragen. Generell mal Danke für Eure Hilfe !
      Ich versuche, das Template zu verstehen, nehme es als Grundlage, verändere es und versuche, meine "alten" Seiten umzustellen...

      Gruß Bernhard
      Willkommen beim Gitarrenunterricht A. Hertel in Neuss mit preisgünstigen Angeboten für Erwachsene, Kinder und Jugendliche. <META NAME=

      Kommentar

      homepage-forum.de - Hilfe für Webmaster! Statistiken

      Einklappen

      Themen: 56.375   Beiträge: 428.047   Mitglieder: 27.714   Aktive Mitglieder: 77
      Willkommen an unser neuestes Mitglied, Jugl.

      Online-Benutzer

      Einklappen

      620 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 617.

      Mit 1.625 Benutzern waren am 17.03.2018 um 18:52 die meisten Benutzer gleichzeitig online.

      Die neuesten Themen

      Einklappen

      • arnego2
        Antwort auf hreflang Tags
        2 Domains eins für Französisch eins für Deutsch.
        Bei den Franzosen bin ich recht sicher das ihnen eine voll Französische Seite mehr gefallen würde als eine mit Deutschen geteilte. Das meinte ich mit dem Eigensinn der Menschen.

        Eine Webseite muss dem User gefallen, ihm was abzunehmen,...
        Gestern, 16:13
      • TheBablegum
        Meine Webseite, eure Meinung!
        Mooin,
        ich betreibe nun seit geraumer Zeit meine eigene Webseite zum Thema Paidmailer und Werbemöglichkeiten.
        Da ich noch relativ weit am Anfang stehe und das meine erste Webseite ist, suche ich auch immer wieder Meinungen und Verbesserungsvorschläge.
        Sei es jetzt zum Layout, der...
        Gestern, 15:30
      • Sempervivum
        Antwort auf Ausgabe als Link
        Danke für den Hinweis, PHP und Datenbanken sind weniger meine Stärke. Wenn man eine ID verwendet, wird das Ganze dann wesentlich einfacher.
        Gestern, 14:22
      • Ingo
        Antwort auf Ausgabe als Link
        Hi,
        urlencode wird ggf. nicht funktionieren. Besser wäre wie gesagt eine ID abzufragen und in den Link zu setzen.

        Gruß
        Ingo
        Gestern, 13:13
      • Sempervivum
        Antwort auf Ausgabe als Link
        Grundprinzip müsste etwa so aussehen:
        PHP-Code:
        $titel urldecode($_GET['titel']);
        $interpret urldecode($_GET['interpret']);
        $sql "SELECT text FROM texte where titel='" $titel "' and interpret='" $interpret "'";
        foreach (
        $pdo->query($sql) as 
        ...
        Gestern, 10:31

      Kostenlose Homepage bei Jimdo!

      Einklappen

      Jimdo

      Die neuesten Beiträge

      Einklappen

      • Atlan
        hreflang Tags
        Hallo,
        habe immer noch ein Problem mit den hreflang Tags

        unsere Seite: https://www.*****.com, besteht aus dem Deutschen Teil unter *****.com und dem französischen Teil unter *****.com/fr/.
        -----------
        <!DOCTYPE html>
        <html lang="de">
        ...
        23.03.2019, 16:41
      • arnego2
        Antwort auf hreflang Tags
        2 Domains eins für Französisch eins für Deutsch.
        Bei den Franzosen bin ich recht sicher das ihnen eine voll Französische Seite mehr gefallen würde als eine mit Deutschen geteilte. Das meinte ich mit dem Eigensinn der Menschen.

        Eine Webseite muss dem User gefallen, ihm was abzunehmen,...
        Gestern, 16:13
      • TheBablegum
        Meine Webseite, eure Meinung!
        Mooin,
        ich betreibe nun seit geraumer Zeit meine eigene Webseite zum Thema Paidmailer und Werbemöglichkeiten.
        Da ich noch relativ weit am Anfang stehe und das meine erste Webseite ist, suche ich auch immer wieder Meinungen und Verbesserungsvorschläge.
        Sei es jetzt zum Layout, der...
        Gestern, 15:30
      • Fragman
        Ausgabe als Link
        Hallo...

        habe eine Datenbank mit Songtexten mit Ausgabe auf einer Webseite. Es gibt eine Vorauswahl der Titel nach Buchstaben.
        Angezeigt wird dann eine Liste der Titel und des Interpreten.
        Wie mache ich aus der Ausgabe der Titel einen Link der dann den entsprechenden Text anzeigt??...
        21.03.2019, 21:05
      • Sempervivum
        Antwort auf Ausgabe als Link
        Danke für den Hinweis, PHP und Datenbanken sind weniger meine Stärke. Wenn man eine ID verwendet, wird das Ganze dann wesentlich einfacher.
        Gestern, 14:22
      • Rudolfo
        Antwort auf Online Speicherplatz / Storage / Cloud gesucht!
        Also ich bin auch ein überzeugter Cloud-Nutzer. Deswegen würde ich dir die Ratgeber von G Data empfehlen. Dieser zeigt alle Angebote, wichtige Information und erklärt auch ein paar Hintergründe. Ich bin selber auch durch den Ratgeber auf die Option der Cloud aufmerksam geworden und er hat mich überzeugt....
        ☁ Fotos, Videos, Dokumente: Einfach in die Cloud laden und teilen.☀ Wir zeigen Ihnen, wie sie funktioniert und wie im Cloud-Speicher alles sicher bleibt! ☁
        Gestern, 14:20
      • Ingo
        Antwort auf Ausgabe als Link
        Hi,
        urlencode wird ggf. nicht funktionieren. Besser wäre wie gesagt eine ID abzufragen und in den Link zu setzen.

        Gruß
        Ingo
        Gestern, 13:13
      • Sempervivum
        Antwort auf Ausgabe als Link
        Grundprinzip müsste etwa so aussehen:
        PHP-Code:
        $titel urldecode($_GET['titel']);
        $interpret urldecode($_GET['interpret']);
        $sql "SELECT text FROM texte where titel='" $titel "' and interpret='" $interpret "'";
        foreach (
        $pdo->query($sql) as 
        ...
        Gestern, 10:31
      • Fragman
        Antwort auf Ausgabe als Link
        ..und jetzt die Frage aller Fragen:
        Wie sieht das als PHP-Code aus?????
        Gestern, 08:12
      • Sempervivum
        Antwort auf Ausgabe als Link
        Nein, überhaupt nicht: Du brauchst nur eine PHP-Seite, diese bekommt Interpret und Titel als Parameter übergeben, liest den Text aus der Datenbank und zeigt ihn an....
        23.03.2019, 18:58
      Lädt...
      X