gorgel: Checkbox-Text nach bestimmter Länge mit "..." beenden

Hallo zusammen,

ich versuche mich gerade daran, eine Liste von Checkbox-Elementen einigermaßen ansehnlich in meine Seite zu integrieren.
Das Problem ist, dass mancher Text hinter der Checkbox mehrere Sätze lang ist.

Jetzt hätte ich gerne aus dem Beispielsatz
"Dies ist ein sehr langer Satz, der dafür sorgt, dass mein Homepage-Desing ziemlich erbärmlich aussieht"
folgenden Satz, und zwar nur in der gleichen Zeile wie die Checkbox selber:
"Dies ist ein sehr langer Satz,...".

Und bei Mouseover sollte der ganze Satz als Tooltip angezeigt werden.
(Ich meine dieses hellgelbe Kästchen über der Maus, glaube Tooltip ist der Bereich untem im Browser)

Kann mir diesbezüglich jemand weiterhelfen?

MfG
gorgel

  1. Grüße,
    mit CSS geht das nicht wirklich, wäre zwar interessante herausforderung, aber um JS oder PHP kommst du schlecht rum, tooltip geht natürlich - aber das textscheniden ist eine sache für sich.
    MFG
    bleicher

    --
    __________________________-

    FirefoxMyth
    1. mit CSS geht das nicht wirklich,

      Die text-overflow-Eigenschaft kennst du?

      1. Grüße,

        mit CSS geht das nicht wirklich,

        Die text-overflow-Eigenschaft kennst du?

        die schwieriegkeit ist dabei die "..." zu erzeugen^^
        ich habe aber eine idee - und zwar ein fixes "..." beinhaltendes block der erst sichtbar wird wenn der zu breite text den parent breit genug zieht -
        kurz
        [laaan(...)]g

        aber das müsste ich testen^^
        MFG
        bleicher

        --
        __________________________-

        FirefoxMyth
        1. die schwieriegkeit ist dabei die "..." zu erzeugen^^

          wie wärs mit ::after?

          Jeder relevante Browser der text-overflow unterstützt, unterstützt auch ::after.

          1. Jeder relevante Browser der text-overflow unterstützt, unterstützt auch ::after.

            Nachtrag: der IE7 und 8 natürlich mal wieder nicht - grrr :)

            1. Om nah hoo pez nyeetz, suit!

              Nachtrag: der IE7 und 8 natürlich mal wieder nicht - grrr :)

              Für IE8 muss es :after heißen

              Matthias

              --
              http://www.billiger-im-urlaub.de/kreis_sw.gif
              1. [latex]Mae  govannen![/latex]

                Für IE8 muss es :after heißen

                IE ist eben für'n Arsch.

                Cü,

                Kai

                --
                Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken in Richtung "Mess up the Web". (suit)
                Foren-Stylesheet Site Selfzeug JS-Lookup
                SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:?
                1. Om nah hoo pez nyeetz, Kai345!

                  [latex]Mae  govannen![/latex]

                  Für IE8 muss es :after heißen

                  IE ist eben für'n Arsch.

                  ich hab beim Schreiben auch schon so vor mich hin geschmunzelt.

                  aber jetzt gehts zum See.

                  Matthias

                  --
                  http://www.billiger-im-urlaub.de/kreis_sw.gif
        2. Hi,

          Die text-overflow-Eigenschaft kennst du?
          die schwieriegkeit ist dabei die "..." zu erzeugen^^

          Nein, das übernimmt die Eigenschaft ja für dich, wenn du den Wert ellipsis verwendest.

          MfG ChrisB

          --
          “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
      2. mit CSS geht das nicht wirklich,

        Die text-overflow-Eigenschaft kennst du?

        Nein. Hört sich aber gut an.
        Netbeans schlägt mir dieses Attribut nur gar nicht vor. Vielleicht sollte ich dazu sagen, dass ich in JSP bastel - was eig. kein Unterschied in Sachen CSS-Attributen machen dürfte.

        Trotzdem schlägt mir Netbeans fürs Attribut "style" mit vorangehendem "text-" ausschließlich folgendes vor:

        • text-align
        • text-decoration
        • text-indent
        • text-transform
          1. Hi,

            http://www.w3.org/TR/2003/CR-css3-text-20030514/#text-overflow-props

            aus dessen Latest Version:

            "Many sections intended for this module are not yet represented in this draft. In particular, the 'text-justify-trim', 'text-overflow', 'text-decoration', 'text-transformation', 'text-autospace', other properties have not yet been evaulated."

            Weitere Hinweise existieren dort nicht mehr - leider. Ich fand die ellipsis-Idee ziemlich gut, zumindest im Ansatz.

            Cheatah

            --
            X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
            X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
            X-Will-Answer-Email: No
            X-Please-Search-Archive-First: Absolutely Yes