Ankündigung

Einklappen
Keine Ankündigung bisher.

Zentrierproblem

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

  • Zentrierproblem

    Hallo zusammen,
    ich bin gerade dabei meine Homepage umzugestalten und auf CSS umzusteigen. Das Grundgerüst steht soweit, nur kann ich mein Logo oben nicht nach links zentrieren bzw. dann verschiebt sich alles. Siehe http://www.sb-canerods.de/Seite1.1.htm
    Hat jemand eine Idee wie ich das Logo nach links bringen könnte?
    Gruss Simon

  • #2
    AW: Zentrierproblem

    Hallo,

    willkommen im Forum.

    So ganz verstehe ich deine Frage nicht. Möchtest du das logo zentrieren oder nach links bringen?

    Deine Positionierung ist derzeit:
    HTML-Code:
    #banner p {
    margin-left:20em;
    padding:25px;
    }
    Wenn du das Logo zentriert haben willst, dann ändere die margin-Anweisung in:
    margin:auto;
    und lass das padding weg.
    Wenn das Logo nach links soll, dann lass margin ganz weg und gib bei padding den gewünschten abstand zum Rand an.

    Anmerkung:
    Da du (bisher) nur ein Image im Header hast, ist der p-Tag nicht notwendig.

    Peter
    Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
    Mein neuer Versuch .... und
    hiermit verdiene ich mein Geld.

    Kommentar


    • #3
      AW: Zentrierproblem

      Hallo Peter,
      danke für deine schnelle Antwort. Das werde ich heute Abend ausprobieren und melde mich dann wieder.
      Gruss Simon

      Kommentar


      • #4
        AW: Zentrierproblem

        Des Weiteren solltest du einen DOCTYPE verwenden.


        greetz
        sigpic

        Kommentar


        • #5
          AW: Zentrierproblem

          Zitat von G-Unit Soldier Beitrag anzeigen
          Des Weiteren solltest du einen DOCTYPE verwenden.


          greetz
          Dachte das hab ich?!? Erste Zeile:
          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          Gruss Simon

          Kommentar


          • #6
            AW: Zentrierproblem

            Auf der Seite http://www.sb-canerods.de/Seite1.1.htm aber nicht.

            HTML-Code:
            <html>
            
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
            <title>Simon Bauer_Feinste gespliesste Fliegenruten</title>
            <link rel="stylesheet" type="text/css" href="Start.css">
            <link rel="stylesheet" type="text/css" href="index.htm">
            <link rel="stylesheet" type="text/css" href="navigation1.css">
            <head>
            
            <body> 
            
            ...
            greetz
            sigpic

            Kommentar


            • #7
              AW: Zentrierproblem

              Ups!! Schon behoben! Danke.
              Gruss Simon

              Kommentar

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

              Einklappen

              Themen: 56.718   Beiträge: 429.225   Mitglieder: 28.474   Aktive Mitglieder: 45
              Willkommen an unser neuestes Mitglied, sw2.

              Online-Benutzer

              Einklappen

              261 Benutzer sind jetzt online. Registrierte Benutzer: 5, Gäste: 256.

              Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

              Die neuesten Themen

              Einklappen

              • silent
                Antwort auf text-align
                MrMurphy ich hatte in meiner Frage schon geschrieben gehabt, dass nur die eine Seite gescrollt werden soll und mir war bisher nur bekannt, die andere Seite mit "fixed" zu fixieren. Desweiteren, ist das alles nicht für Smartphone User gedacht, da die Webseite nie Online gehen soll. Ich bin...
                Heute, 15:43
              • Sempervivum
                Antwort auf Insta 360 oder vergleichbare Kameras
                Hallo Karl, um wegen des Urheberrechts sicher zu gehen, habe ich dir den Link als PN geschickt.
                Inzwischen habe ich noch einen anderen Player gefunden, fertig zum Herunterladen und Open Source:
                http://flimshaw.github.io/Valiant360/
                Wie ich sehe, unterstützt dieser auch das Zoomen...
                Heute, 14:16
              • Ingo
                Alternative zu Google Play Music Downloads?
                Hi,
                Google hat ja leider Play Music beendet. Ich nutzte diesen Dienst gelegentlich, um einzelne Musikstücke zu kaufen und herunterzuladen. Gibt es eine Alternative, über die Musikstücke als mp3 zu erwerben sind?

                Gruß
                Ingo
                Heute, 12:39
              • admin
                Antwort auf Insta 360 oder vergleichbare Kameras
                Hallo Sempervivum,

                kannst Du so ein Video mit der Möglichkeit, sich drin zu bewegen und auf einer Webseite eingebaut, hier mal als Beispiel verlinken ;-)

                Auf jeden Fall schon mal vielen Dank für die Infos!!!

                Gruß
                Karl
                Heute, 12:37
              • MrMurphy
                Antwort auf text-align
                Deine Problembeschreibung ist leider nur ansatzweise nachvollziehbar. Jetzt kommst du plötzlich damit um die Ecke, dass nur auf einer Seite gescrollt werden soll. Davon war bislang überhaupt nicht die Rede. Um dir helfen zu können brauchen wir schon alle relevanten Informationen. Dazu gehört zum...
                Heute, 10:43

              Die neuesten Beiträge

              Einklappen

              • silent
                text-align
                Guten Tag an alle,
                nun ich bekomme es irgendwie nicht hin, dass der Text "Informationen" mittig ist (siehe Foto).

                Mein HTML-Code sieht wie folgt aus:

                HTML-Code:
                <div class="inf" id="info">
                <h1> Informationen </h1>
                ...
                Gestern, 15:23
              • silent
                Antwort auf text-align
                MrMurphy ich hatte in meiner Frage schon geschrieben gehabt, dass nur die eine Seite gescrollt werden soll und mir war bisher nur bekannt, die andere Seite mit "fixed" zu fixieren. Desweiteren, ist das alles nicht für Smartphone User gedacht, da die Webseite nie Online gehen soll. Ich bin...
                Heute, 15:43
              • admin
                Insta 360 oder vergleichbare Kameras
                Hallo,

                wir überlegen eine Insta 360 Kamera zu kaufen, um damit 360° Videos unserer Pflanzen / unserer Betriebsflächen zu machen (durch die aktuell hohen Coronazahlen denken wir, dass viele Einkäufer in diesem Winter nicht zu uns kommen und da wollen wir den Kunden Videos unserer Musterpflanzen...
                Gestern, 18:46
              • Sempervivum
                Antwort auf Insta 360 oder vergleichbare Kameras
                Hallo Karl, um wegen des Urheberrechts sicher zu gehen, habe ich dir den Link als PN geschickt.
                Inzwischen habe ich noch einen anderen Player gefunden, fertig zum Herunterladen und Open Source:
                http://flimshaw.github.io/Valiant360/
                Wie ich sehe, unterstützt dieser auch das Zoomen...
                Heute, 14:16
              • Ingo
                Alternative zu Google Play Music Downloads?
                Hi,
                Google hat ja leider Play Music beendet. Ich nutzte diesen Dienst gelegentlich, um einzelne Musikstücke zu kaufen und herunterzuladen. Gibt es eine Alternative, über die Musikstücke als mp3 zu erwerben sind?

                Gruß
                Ingo
                Heute, 12:39
              • admin
                Antwort auf Insta 360 oder vergleichbare Kameras
                Hallo Sempervivum,

                kannst Du so ein Video mit der Möglichkeit, sich drin zu bewegen und auf einer Webseite eingebaut, hier mal als Beispiel verlinken ;-)

                Auf jeden Fall schon mal vielen Dank für die Infos!!!

                Gruß
                Karl
                Heute, 12:37
              • MrMurphy
                Antwort auf text-align
                Deine Problembeschreibung ist leider nur ansatzweise nachvollziehbar. Jetzt kommst du plötzlich damit um die Ecke, dass nur auf einer Seite gescrollt werden soll. Davon war bislang überhaupt nicht die Rede. Um dir helfen zu können brauchen wir schon alle relevanten Informationen. Dazu gehört zum...
                Heute, 10:43
              • Sempervivum
                Antwort auf text-align
                Bist Du denn mit den Hinweisen von MrMurphy zum Ziel gekommen?

                Ich bin zwar nicht MrMurphy aber ich kann dir u. U. eine Lösung nennen :-) :
                Du kannst nicht nur das gesamte Dokument scrollen sondern auch einen einzelnen Container indem Du overflow: auto; oder overflow: scroll; für...
                Heute, 08:05
              • Sempervivum
                Antwort auf Insta 360 oder vergleichbare Kameras
                Den Code aus dem Codepen, auf den dort auf codemyui.com verwiesen wird, habe ich jetzt mit einem eigenen Video getestet und er funktioniert einwandfrei. Was fehlte, war die Möglichkeit zu zoomen, die konnte ich mit wenigen Zeilen hinzu fügen:
                Code:
                                    var fov = 45;
                ...
                Heute, 07:48
              • silent
                Antwort auf text-align
                Guten Morgen,
                Sempervivum das hatte ich auch schon probiert gehabt, leider ohne Erfolg, es ist dennoch auf der Linken Seite. :-/

                MrMurphy Aber wie bekomme ich es dann hin, dass die rechte Seite nicht mit scrollt?
                Ich habe im Netz schon Beispiele gesehen, wo die es hinbekommen...
                Heute, 07:14
              Lädt...
              X