gefloatetes textfeld positionieren

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

  • gefloatetes textfeld positionieren

    Kennt vieleicht jemandeineunkomplizierte Möglichkeit ein Textfeld, welches innerhalb eines anderen Textfeldes left gefloatet ist im Elterntextfeld zu positionieren?
    Es soll ca. so aussehen wie das Bild im Anhang.
    Mit dem unten stehenden Code erreiche ich eigentlich schon, was ich will, ausser dass der Abstand, welcher durch margin-toperstellt wird auch umflossen wird.

    Dummy-Code:
    Code:
    <div>
     Text
     <div style=\"float:right;margin-right:-100px;margin-top:120px;\">
      Mein gefloateter Text.
     </div>
    </div>
    Ich möchte das gefloatete Textfeld nicht inmitten des restlichen Textes einfügen, denn der Text soll verändert werden können, aber der gefloatete Text soll immeran derselben Stelle bleiben.

    Vielen Dank im Voraus für eure Hilfe.

    EDIT: margin-right und float:right nicht left
    Angehängte Dateien
    Zuletzt geändert von jmc; 05.11.2008, 11:46.

  • #2
    auf den ersten blick würde ich sagen, dass das nicht möglich ist.

    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      vllt mit position:relative so das die margin angaben zum positionieren entfallen?

      nehms zurück relative geht hier ja garnicht...
      willst du das statisch haben? also für ein skript damit du das jedes mal wieder im gleichen aussehen verwenden kannst?
      Zuletzt geändert von bloodyorchid; 05.11.2008, 19:09.
      Pierre Voit ( Freelancer seit 2004 )

      Kommentar


      • #4
        hat doch schon bild hochgeladen, wie es aussehen soll.

        peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          jau habs gesehen.. stand gerade aufm schlauch... zuviele IMs :P
          Pierre Voit ( Freelancer seit 2004 )

          Kommentar


          • #6
            OffTopic:
            IMs


            peter
            Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
            Meine Seite

            Kommentar


            • #7
              @jmc:
              Code:
              <div style="width:500px;background-color:#f00;">
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
              nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam 
              erat, sed diam voluptua. At vero eos et accusam et justo duo 
              dolores et ea rebum. Stet clita kasd gubergren, no sea takimata 
              sanctus est Lorem ipsum dolor sit amet.
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
              nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam 
              erat, sed diam voluptua. At vero eos et accusam et justo duo 
              dolores et ea rebum. Stet clita kasd gubergren, no sea takimata 
              sanctus est Lorem ipsum dolor sit amet.
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
              nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam 
              erat, sed diam voluptua. At vero eos et accusam et justo duo 
              dolores et ea rebum. Stet clita kasd gubergren, no sea takimata 
              sanctus est Lorem ipsum dolor sit amet.
              <div style="float:right;height:100px;width:100px;background-color:#0f0;">blubb</div>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
              nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam 
              erat, sed diam voluptua. At vero eos et accusam et justo duo 
              dolores et ea rebum. Stet clita kasd gubergren, no sea takimata 
              sanctus est Lorem ipsum dolor sit amet.
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
              nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam 
              erat, sed diam voluptua. At vero eos et accusam et justo duo 
              dolores et ea rebum. Stet clita kasd gubergren, no sea takimata 
              sanctus est Lorem ipsum dolor sit amet.
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
              nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam 
              erat, sed diam voluptua. At vero eos et accusam et justo duo 
              dolores et ea rebum. Stet clita kasd gubergren, no sea takimata 
              sanctus est Lorem ipsum dolor sit amet.
              </div>
              @Kropff: IM: Instant Message / Messaging (englisch)
              Schonmal die Abkürzungen ICQ und MSN gehört? -g-

              Kommentar


              • #8
                @Blackgreetz

                Wie oben erwähnt möchte ich diese Variante vermeiden, da der umfliessende Text beliebig geändert werden sollen kann, das gefloatete Textfeld dabei aber immer am selben Ort bleiben soll.

                Kommentar


                • #9
                  Sry, komplett übersehen.

                  Dies geht meiner Meinung nach, wie Kropff sagte, nicht.

                  mfg

                  Kommentar

                  Lädt...
                  X