CleanBlue - Text vertikal ausrichten nicht möglich

Einklappen
X
 
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
  • Nobsi
    Contao-Nutzer
    • 29.09.2010
    • 9

    #1

    CleanBlue - Text vertikal ausrichten nicht möglich

    Hey Leute,

    vielleicht kann mir ja jemand helfen. Seit Stunden versuche ich nun Folgendes vergeblich:

    Ich nutze das fertige CleanBlue und habe gerade bemerkt, dass ich Textelemente nicht vertikal mittig, oben oder unten ausrichten kann.

    Ein Bsp.: Ich habe die Höhe des Überschiftenfelds h1 auf 30px Höhe festgelegt. Nun "klebt" der Text der Überschrift immer oben! Ebenso bei der Navigation oben: Auch hier klebt der Text oben im "Textfeld" ..... ich bekomme es nicht hin, die Texte vertikal auszurichten. Ich hab schon alle möglichen css-Elemente geändert...aber es wird nix =(

    Wäre über Hilfe sehr erfreut.

    Greetz Nobsi
  • MiTsch
    Alter Contao-Hase
    • 10.05.2010
    • 1158

    #2
    Hallo Nobsi,

    hast Du mal ein Link zum Problem, da dies meißt den schnellsten Erfolg bietet Dir zu helfen.

    Viele Grüße
    MiTsch
    Wer nichts weiss muss alles Glauben !

    Kommentar

    • Nobsi
      Contao-Nutzer
      • 29.09.2010
      • 9

      #3
      Seite ist leider zur Zeit lokal und nicht online.

      Eventuell hilf eine Grafik?

      Hab die "Problemstellen" mit grünen Zahlen markiert. An diesen Stellen ist es mir nicht möglich, die Text vertikal mittig auszurichten.

      Klicke auf die Grafik für eine vergrößerte Ansicht

Name: screenshot1.jpg
Ansichten: 1
Größe: 80,0 KB
ID: 918970

      Nobsi

      P.S.: Kein comment zum Layout bitte Das ist ne Baustelle!

      Kommentar

      • MiTsch
        Alter Contao-Hase
        • 10.05.2010
        • 1158

        #4
        Hallo Nobsi,

        leider kenne ich CleanBlue nicht, daher kann ich Dir leider auch auch nichts zum Aufbau der Navigation sagen. Ohne Link wird das dann leider etwas Trail and Error.

        In solchen Fällen hilft am besten erst mal Firebug weiter!

        Zur Analyse der Zusammenhänge in deiner Webseite kannst Du das kostenlose Addon Firebug für den Webbrowser Firefox benutzen.

        Damit kannst Du leicht solche Probleme erkennen.
        Eventuell hilft Dir diesbezüglich auch dieses Tutorial weiter.

        Viele Grüße
        MiTsch
        Wer nichts weiss muss alles Glauben !

        Kommentar

        • Nobsi
          Contao-Nutzer
          • 29.09.2010
          • 9

          #5
          Danke für den Vorschlag...aber auch der Firebug hat mir nicht geholfen. Mit dem suche ich ja schon seit gestern =(

          Theoretisch weiß ich, was ich ändern muss, nur praktisch tut sich da leider nichts ..argh

          Kommentar

          • MacKP
            Contao-Yoda
            • 15.06.2009
            • 13315

            #6
            Hallo Nobsi,
            du wirst da mit padding oder line-heigt arbeiten müssen. Das 'Probelem' liegt nicht an dem Theme, sondern an deiner Herangehensweise ;-)

            Viele Grüße
            Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
            [Arbeitet bei -> Paus Design & Medien]
            "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

            Kommentar

            • Nobsi
              Contao-Nutzer
              • 29.09.2010
              • 9

              #7
              Zitat von MacKP Beitrag anzeigen
              Hallo Nobsi,
              du wirst da mit padding oder line-heigt arbeiten müssen. Das 'Probelem' liegt nicht an dem Theme, sondern an deiner Herangehensweise ;-)

              Viele Grüße
              Hey MAckP,

              mit Padding habe ich bereits schon versucht. Wenn ich z.B. Padding (Innenabstand) oben 5 px eingebe, dann macht er zwar den Abstand oben, jedoch wird der gesamte Bereich nach unten um 5 px vergrößert.

              Was meinst du genau mit 'line-heigt'? Kannst du mir das bitte näher erläutern, bzw. wo kann ich das eingeben?

              Gruß Nobsi

              Kommentar

              • MiTsch
                Alter Contao-Hase
                • 10.05.2010
                • 1158

                #8
                Hallo Nobsi,

                line-heigt bedeutet Zeilenhöhe und Du gibst den Wert in der entsprechenden CSS-Datei ein.

                Klicke auf die Grafik für eine vergrößerte Ansicht

Name: line-heigt.png
Ansichten: 1
Größe: 24,0 KB
ID: 918971

                Viele Grüße
                MiTsch
                Wer nichts weiss muss alles Glauben !

                Kommentar

                • Nobsi
                  Contao-Nutzer
                  • 29.09.2010
                  • 9

                  #9
                  IHR seid meine Helden !!! Es klappt .... Tausend Dank!!!

                  Euer Nobsi =)

                  Kommentar

                  Lädt...