Ankündigung

Einklappen
Keine Ankündigung bisher.

Neues Layout

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

  • Neues Layout

    Hallo an alle,

    ich habe hier mal eine Testseite, diese soll meine neue Seite werden. Auch die Inhalte, bzw. Angebote könnten sich etwas ändern. Aber im Moment geht es mir nur um das Design.
    Was meint ihr dazu, html und css und aussehen.

    Liebe Grüße
    Andre
    CO Webdesign
    CO Webservice bei Facebook?

  • #2
    Hi,
    der HTML-Code ist zwar schön übersichtlich, aber ich vermisse zumindest eine Überschrift und die Zeilenumbrüche im Text müssen nicht sein.
    Die festen Breitenangaben i.V. mit absoluter Positionierung führen bei zu schmalen Fenstern zu üblen Überlagerungen:
    Screenshot.jpg
    Ingo Webdesign

    Kommentar


    • #3
      Hallo Ingo,

      ich danke Dir für Deine Antwort. Ja, ich weiß, dass die noch nicht passt, das ist ja nur eine Testseite.
      Die Original wird dann so, dass es passt. Danke für den Hinweis.

      Ist der h1-Text "Alles aus einer Hand" keine Überschrift?
      Und die Zeilenumbrüche im ID Boxinfo meist Du wohl? Die könnte man sicher mit <p> rausmachen.
      Was ich auch tun werde. Danke.

      Liebe Grüße
      Adre
      CO Webdesign
      CO Webservice bei Facebook?

      Kommentar


      • #4
        Hi,
        Zitat von Andre1 Beitrag anzeigen
        Ist der h1-Text "Alles aus einer Hand" keine Überschrift?
        Gegenfrage: findest Du das ist eine sinnvolle Überschrift und sollte eine Überschrift nicht vor dem (hier unsichtbaren) Inhalt stehen?

        Zitat von Andre1 Beitrag anzeigen
        Und die Zeilenumbrüche im ID Boxinfo meist Du wohl? Die könnte man sicher mit <p> rausmachen.
        Was ich auch tun werde.
        Dann verstehst Du Semantik nicht. <p> steht für einen Paragraphen, einen Absatz.

        Gruß
        Ingo
        Ingo Webdesign

        Kommentar


        • #5
          Hallo Ingo,

          könntest Du mir da was Vorschlagen, wie ich das besser mache? Du hast doch da bestimmt eine Meinung. Danke.

          Liebe Grüße
          Andre
          CO Webdesign
          CO Webservice bei Facebook?

          Kommentar


          • #6
            Hi,
            ich würde einfach Fließtext verwenden und Umbrüche ggf. über CSS realisieren.

            Gruß
            Ingo
            Ingo Webdesign

            Kommentar


            • #7
              Hallo,

              dass viele von der Flexbox so überzeugt sind kann ich nicht so richtig nachvollziehen, wenn man sich überlegt, dass eine Seite ja auch – ich sage immer für mobil – angepasst werden muss.

              Bei größeren Auflösungen geht das ja richtig gut. Aber was ist, wenn es kleiner wird? Da kann man float auflösen und die Boxen stehen untereinander. Und Flex, was ist damit? Das steht nebeneinander. Und kann nicht weg.

              Hier habe ich zufällig eine Flexbox.

              Wirklich mal anschauen, dann könnte man verstehn was gemeint ist.


              Liebe Grüße
              Andre
              CO Webdesign
              CO Webservice bei Facebook?

              Kommentar


              • #8
                Hallo

                So wie du dir das vorstellst funktionieren HTML, CSS und die unterschiedlichen Endgeräte nicht.

                Eine Unterscheidung von Endgeräten durch deren Bildschirmauflösung ist praktisch nicht durchführbar. Smartphones haben häufig deutlich höhere Auflösungen als Desktopbildschirme oder Tablets.

                Als praktikabel hat sich in den Jahren seit Einführung der Apple iPhones nur die Berücksichtigung der Fenstergröße gezeigt. Wobei durch eine inoffizielle Anweisung hohe Auflösungen vom jeweiligen Endgerät selbst passend zur realen Fenstergröße umgerechnet werden.

                Irgendwie ist nicht nachvollziehbar, dass du zwar erkennst mit deiner Lösung nicht weiter zu kommen, aber bessere Lösungen nicht akzeptieren willst.

                Ohne MediaQueries kann keine Webseite so erstellt werden, dass sie in allen Fenstergrößen möglichst optimal angezeigt wird.

                Um Webseiten möglichst benutzerfreundlich auf aktuellen Endgeräten anzuzeigen sind im CSS Möglichkeiten wie Flexbox und CSS-Grid erdacht worden. Und selbstverständlich können mit Flexbox Container auch untereinander angezeigt werden.

                Mit veralteten Vorstellungen und alten HTML-/CSS-Versionen können keine aktuellen Webseiten erstellt werden.

                Webseiten müssen also nicht an die Endgeräte angepasst werden, sondern wie der Inhalt möglichst benutzerfreundlich angezeigt wird.

                Gruss

                MrMurphy
                Zuletzt geändert von MrMurphy; 24.12.2018, 10:27.

                Kommentar


                • #9
                  Hallo,

                  ich habe doch nichts gegen Flexbox, aber die Fensterbreite ist entscheidend. Wenn Du schreibst, das

                  Und selbstverständlich können mit Flexbox Container auch untereinander angezeigt werden.
                  Dann kannst Du mir doch auch zeigen wie das gehen soll. Denn das ist das entscheidende gegen bzw. dafür. Auch müssen Seiten nicht, nur, weil sie Benutzerfreundlich sein soll immer dasselbe und gleich aussehen. Oder ist das heutzutage üblich? Und wer sagt denn, dass ich keine Media Queries seit Jahren nutze.


                  Liebe Grüße
                  Andre
                  CO Webdesign
                  CO Webservice bei Facebook?

                  Kommentar


                  • #10
                    Hallo

                    Je nach Darstellungswunsch entweder Zwang

                    Code:
                    display: flex;
                    flex-direction: column;
                    oder flexibel nach Containerbreite

                    Code:
                    display: flex;
                    flex-wrap: wrap;
                    Gruss

                    MrMurphy

                    Kommentar


                    • #11
                      Hallo,

                      die Argumente sprechen doch eindeutig so nichts gegen Flexbox. Danke.

                      Liebe Grüße
                      Andre
                      CO Webdesign
                      CO Webservice bei Facebook?

                      Kommentar


                      • #12
                        Zitat von Ingo Beitrag anzeigen
                        Hi,

                        Gegenfrage: findest Du das ist eine sinnvolle Überschrift und sollte eine Überschrift nicht vor dem (hier unsichtbaren) Inhalt stehen?
                        Hallo Ingo,

                        außer einem Logo ist die Seite jetzt so wie ich denke das sie bleiben sollte. Du kannst ja mal schauen was du sagt. Die Überschrift habe ich angepasst und geändert.

                        Liebe Grüße
                        Andre


                        CO Webdesign
                        CO Webservice bei Facebook?

                        Kommentar

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

                        Einklappen

                        Themen: 56.416   Beiträge: 428.260   Mitglieder: 27.810   Aktive Mitglieder: 71
                        Willkommen an unser neuestes Mitglied, sunnysunny.

                        Online-Benutzer

                        Einklappen

                        514 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 511.

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

                        Die neuesten Themen

                        Einklappen

                        • Localfu
                          Antwort auf Button Text bei klick ändern
                          Hi Chris,
                          zwar gibt es die Möglichkeit Inlineskripte zu nutzen, aber performancetechnisch als auch die Übersicht gehen dabei drauf. JavaScript ist auch kein Java und sollte man nicht verwechseln. Zwar haben Java und Javascript eine sehr ähnliche Syntax und Anfangs gab es von Netscape tatsächlich...
                          Heute, 00:54
                        • Chris
                          Antwort auf Button Text bei klick ändern
                          Hat geklappt! Vielen Dank!

                          Wieso empfiehlst du mir dieses nicht?
                          Naja ich bin momentan froh das es klappt Mit Java stehe ich irgendwie auf Kriegsfuß. Habe gerade versucht ScrollMacig einzubauen aber selbst das hat nicht funktioniert

                          Schönen Abend noch und nochmals...
                          Gestern, 16:28
                        • Localfu
                          Antwort auf Button Text bei klick ändern
                          Ich empfehle dir kein Inline-JavaScript anzuwenden. Besser wäre es in einem Script-Element-Absatz innerhalb von <head></head> zu schreiben.

                          Hier die veränderte Version:
                          HTML-Code:
                          <!DOCTYPE HTML>
                          <html lang="de">
                            <head>
                            <title>Test</title>
                          ...
                          Gestern, 14:15
                        • Chris
                          Antwort auf Button Text bei klick ändern
                          Hallo Localfu,

                          vielen dank! Da ich aber einen Spoiler habe und somit keinen Button deklariert habe wird das Script wahrscheinlich nicht funktionieren oder? Wie funktioniert es mit dem Code: <div class="link_spoiler shadow" onclick="if(document.getElementById('spoiler2')...
                          Gestern, 13:43
                        • Localfu
                          Antwort auf Googleplatzierung
                          Hi Haris,
                          meine Empfehlung ist es, dass du einen Profi aussuchst, da man sich sehr, sehr viel Fachwissen sonst aufbauen muss. SEO ist in den letzten 10 Jahren ziemlich komplex geworden, dass es mir sogar manchmal Kopfzerbrechen einbringt. Suche dir eine Webeagentur die auch SEO anbietet aus deiner...
                          Gestern, 12:32

                        Kostenlose Homepage bei Jimdo!

                        Einklappen

                        Jimdo

                        Die neuesten Beiträge

                        Einklappen

                        • Chris
                          Button Text bei klick ändern
                          Hallo liebe Community,

                          ich komme momentan nicht weiter, da ich leider nur sehr beschränkte JS-Kenntnisse habe hier die Frage:

                          "<div class="link_spoiler shadow" onclick="if(document.getElementById('spoiler2') .style.display=='none') {document.getElementById('spoiler2')...
                          Gestern, 10:10
                        • Localfu
                          Antwort auf Button Text bei klick ändern
                          Hi Chris,
                          zwar gibt es die Möglichkeit Inlineskripte zu nutzen, aber performancetechnisch als auch die Übersicht gehen dabei drauf. JavaScript ist auch kein Java und sollte man nicht verwechseln. Zwar haben Java und Javascript eine sehr ähnliche Syntax und Anfangs gab es von Netscape tatsächlich...
                          Heute, 00:54
                        • Chris
                          Antwort auf Button Text bei klick ändern
                          Hat geklappt! Vielen Dank!

                          Wieso empfiehlst du mir dieses nicht?
                          Naja ich bin momentan froh das es klappt Mit Java stehe ich irgendwie auf Kriegsfuß. Habe gerade versucht ScrollMacig einzubauen aber selbst das hat nicht funktioniert

                          Schönen Abend noch und nochmals...
                          Gestern, 16:28
                        • Localfu
                          Antwort auf Button Text bei klick ändern
                          Ich empfehle dir kein Inline-JavaScript anzuwenden. Besser wäre es in einem Script-Element-Absatz innerhalb von <head></head> zu schreiben.

                          Hier die veränderte Version:
                          HTML-Code:
                          <!DOCTYPE HTML>
                          <html lang="de">
                            <head>
                            <title>Test</title>
                          ...
                          Gestern, 14:15
                        • Chris
                          Antwort auf Button Text bei klick ändern
                          Hallo Localfu,

                          vielen dank! Da ich aber einen Spoiler habe und somit keinen Button deklariert habe wird das Script wahrscheinlich nicht funktionieren oder? Wie funktioniert es mit dem Code: <div class="link_spoiler shadow" onclick="if(document.getElementById('spoiler2')...
                          Gestern, 13:43
                        • Haris
                          Googleplatzierung
                          Hallo,

                          ich habe einen Onlineshop, der aktuell etwas schwächelt. Auf https://www.urv-online.de/index.php/...rbeagentur.php habe ich gelesen, dass es sinnvoll sein kann, wenn man die Seite optimieren lässt. Nun ist meine Frage, ob man das selbst machen kann,...
                          22.05.2019, 00:58
                        • Localfu
                          Antwort auf Googleplatzierung
                          Hi Haris,
                          meine Empfehlung ist es, dass du einen Profi aussuchst, da man sich sehr, sehr viel Fachwissen sonst aufbauen muss. SEO ist in den letzten 10 Jahren ziemlich komplex geworden, dass es mir sogar manchmal Kopfzerbrechen einbringt. Suche dir eine Webeagentur die auch SEO anbietet aus deiner...
                          Gestern, 12:32
                        • Localfu
                          Antwort auf Button Text bei klick ändern
                          Hi Chris, ich hab für dich ein Beispiel erstellt:
                          HTML-Code:
                          <!DOCTYPE HTML>
                          <html lang="de">
                            <head>
                            <title>Test</title>
                            <meta charset="utf-8">
                              <style>
                                #receptContent {
                                  display:
                          ...
                          Gestern, 12:22
                        • Bernhard
                          Site von HTML 4.01 auf HTML 5 übertragen
                          Hallo,

                          ich sitze an der extrem undankbaren Aufgabe, meine www.gitarrenunterricht-mobil.com,, die bei Google gut gelistet ist, wegen Respo erstmal auf HTML 5 zu übertragen. Ich setze auf ein festes Layout von 960 Pixeln um, das später den Viewport für kleine Desktiop-Darstellungen bilden...
                          13.05.2019, 11:42
                        • Bernhard
                          Antwort auf Site von HTML 4.01 auf HTML 5 übertragen
                          Nachdem ich das, was mir indirekt nachgesagt wurde, halbwegs verarbeitet habe, melde ich mich aber noch einmal zu Wort-
                          Mir ging es schlichtweg rein technisch um die Darstellung auf älteren Browsern, und das noch angestoßen durch einen Beitrag aus dem Web.

                          Ich habe garantiert ohne...
                          Gestern, 09:51
                        Lädt...
                        X