Michael: Text Links und rechts

Hallo,
wie kann ich in einer Zeile einen Text Links- und einen Rechts-bündigdarstellen?

Danke,
Michi

  1. Hi!
    Mit CSS. Schau mal nach "float".
    szia, Lukas

    1. Hi!
      Mit CSS. Schau mal nach "float".
      szia, Lukas

      Und wie kann ich mehere Objekte als ein Element auf einmahl mit float bestücken?

      1. Hi!

        Und wie kann ich mehere Objekte als ein Element auf einmahl mit float bestücken?

        Indem du sie in einen <div>-Tag packst. Würd ich mal sagen :-)
        szia, Lukas

        1. Hi!

          Und wie kann ich mehere Objekte als ein Element auf einmahl mit float bestücken?
          Indem du sie in einen <div>-Tag packst. Würd ich mal sagen :-)
          szia, Lukas

          Klappt aber nicht! Er zeigt das nächste Emement zwischen den beien Elementen an!

          <h4><div style="float:left"> <a name="Stern">-Stern</a></div> <div style="float:right" >
          <a target="_blank" href="http://de.wikipedia.org/wiki/Stern" class="nu"><img src="wiki.ico" alt="Wikipedia" title="Wikipedia: Stern"></a>
          </div></h4>
          <p>xxx...</p>

          1. Hi!

            Und wie kann ich mehere Objekte als ein Element auf einmahl mit float bestücken?
            Indem du sie in einen <div>-Tag packst. Würd ich mal sagen :-)
            szia, Lukas
            Klappt aber nicht! Er zeigt das nächste Emement zwischen den beien Elementen an!

            <h4><div style="float:left"> <a name="Stern">-Stern</a></div> <div style="float:right" >
            <a target="_blank" href="http://de.wikipedia.org/wiki/Stern" class="nu"><img src="wiki.ico" alt="Wikipedia" title="Wikipedia: Stern"></a>
            </div></h4>
            <p>xxx...</p>

            Hi Michael,
            bei mir funktioniert's aber so:
            <h4>
            <div style="float:left"><a name="Stern">-Stern</a></div>
            <div style="float:right" ><a name="Sonne">-Sonne</a></div>
            Gruß
            tom0201

            1. Klappt aber nicht! Er zeigt das nächste Emement zwischen den beien Elementen an!

              <h4><div style="float:left"> <a name="Stern">-Stern</a></div> <div style="float:right" >
              <a target="_blank" href="http://de.wikipedia.org/wiki/Stern" class="nu"><img src="wiki.ico" alt="Wikipedia" title="Wikipedia: Stern"></a>
              </div></h4>
              <p>xxx...</p>
              Hi Michael,
              bei mir funktioniert's aber so:
              <h4>
              <div style="float:left"><a name="Stern">-Stern</a></div>
              <div style="float:right" ><a name="Sonne">-Sonne</a></div>

              Geht bei mir nicht!

              <h4>
              <div style="float:left"><a name="Stern">-Stern</a></div>
              <div style="float:right" >
               <a target="_blank" href="http://de.wikipedia.org/wiki/Stern" class="nu">
                 <img src="wiki.ico" alt="Wikipedia" title="Wikipedia: Stern"></a>
               <a href="http://www.http://www.astronomia.de/index.htm?http://www.astronomia.de/start.htm" class="nu">
                 <img src="astronima.gif" alt="Astronima" title="Astronima: Sternentstehung"></a>
               <a href="http://www.zum.de/Faecher/A/Sa/STERNE/st1.htm" class="nu">
                 <img src="http://www.zum.de/gifs/islebil.gif" alt="ZUM im Internet" title="Zum.de: Sternentstehung"></a>
               <a href="http://www.zum.de/Faecher/A/Sa/STERNE/nachhauptreihe.htm" class="nu">
                 <img src="http://www.zum.de/gifs/islebil.gif" alt="ZUM im Internet" title="Zum.de: Der Tod eines Sternes"></a>
              </div>
              </h4>

              1. Geht bei mir nicht!

                Wenn ich deinen Code bei mir ausführe, erscheint der Text "Sonne" ganz links, die 4 Verlinkungen an der rechten Seite nebeneinander.
                Soll es so sein? Welchen Browser benutzt du?
                Gruß Tom

                1. Geht bei mir nicht!

                  Wenn ich deinen Code bei mir ausführe, erscheint der Text "Sonne" ganz links, die 4 Verlinkungen an der rechten Seite nebeneinander.
                  Soll es so sein? Welchen Browser benutzt du?

                  Ja, das schon, füg aber mahl nach dem </h4> irgentwas z.B: <p>LaLaLaLa</p> ein, dan wrd dieser zwischen den beiden Elementen angezeigt.

                  Browser: Firefox 1.5.0.1

                  1. Geht bei mir nicht!

                    Wenn ich deinen Code bei mir ausführe, erscheint der Text "Sonne" ganz links, die 4 Verlinkungen an der rechten Seite nebeneinander.
                    Soll es so sein? Welchen Browser benutzt du?
                    Ja, das schon, füg aber mahl nach dem </h4> irgentwas z.B: <p>LaLaLaLa</p> ein, dan wrd dieser zwischen den beiden Elementen angezeigt.

                    Browser: Firefox 1.5.0.1

                    Ich weiß nicht ob das wirklich korrekt ist aber du kannst dem letzten element das floatet noch per css ein "clear:left[oder right]" geben. dann fließt der rest wieder wie gewohnt.

              2. Hallo Michael ;),

                Geht bei mir nicht!

                <h4>
                <div

                ....

                </div>
                </h4>

                Und Du bister der ernsten Überzeugung, dass das, was Du da schreibst wirklich _eine_ Überschrift ist? Es sieht er nach einer Navigation aus, die im Allgemeinen mit einer Liste "ausgedrückt" wird.

                Mit freundlichem Gruß
                Micha

                --
                LeagueEditor JavaScript kostenlose Ligaverwaltung || richtig Messen will gelernt sein
                1. Und Du bister der ernsten Überzeugung, dass das, was Du da schreibst wirklich _eine_ Überschrift ist? Es sieht er nach einer Navigation aus, die im Allgemeinen mit einer Liste "ausgedrückt" wird.

                  Eigentlich schon, das ist eine von vielen Überschriften, gefolgt von einem zugehörigem Text, bei dem ich ein paar Links zu anderen Seiten desselben Themas machen will.

                2. Hallo derletztekick.

                  Geht bei mir nicht!

                  <h4>
                  <div
                  ....
                  </div>
                  </h4>

                  Und Du bister der ernsten Überzeugung, dass das, was Du da schreibst wirklich _eine_ Überschrift ist?

                  In jedem Fall erzeugt obige Verschachtelung fehlerhaftes HTML, da ein div–Element in einem h[1-6]–Element nichts zu suchen hat.

                  Einen schönen Dienstag noch.

                  Gruß, Mathias

                  --
                  sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
                  „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
                  [HTML Design Constraints: Logical Markup]
                  1. In jedem Fall erzeugt obige Verschachtelung fehlerhaftes HTML, da ein div–Element in einem h[1-6]–Element nichts zu suchen hat.

                    Giebt es irgent ne Möglichkeit in das trotzdem zu realisieren?

                    1. Hallo Michael.

                      In jedem Fall erzeugt obige Verschachtelung fehlerhaftes HTML, da ein div–Element in einem h[1-6]–Element nichts zu suchen hat.

                      Giebt es irgent ne Möglichkeit in das trotzdem zu realisieren?

                      Wie es dir schon gesagt wurde: mit float. Doch da ich mir nicht vorstellen kann, was dieser Code bewerkstelligen soll, kann ich dir keine genaueren Hinweise geben.

                      1. Frage: was willst du *auszeichnen*? (Bezug zur Darstellung: 0)

                      2. Frage: wie *genau* soll es aussehen?

                      Einen schönen Dienstag noch.

                      Gruß, Mathias

                      --
                      sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
                      „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
                      [HTML Design Constraints: Logical Markup]
                        1. Frage: was willst du *auszeichnen*? (Bezug zur Darstellung: 0)

                        2. Frage: wie *genau* soll es aussehen?

                        Ungefähr so:
                                               GROSSE-ÜBERSCHRIFT(H1)

                        ÜBERSCHRIFT                                    Links: [BUTTON1][BUTTON2]

                        Text, Text, Text
                        Text, Text, Text
                        Text, Text, Text
                        Text, Text, Text

                        ÜBERSCHRIFT                                    Links: [BUTTON1][BUTTON2]

                        Text, Text, Text

                        1. Hallo Michael.

                          GROSSE-ÜBERSCHRIFT(H1)

                          ÜBERSCHRIFT                                    Links: [BUTTON1][BUTTON2]

                          Text, Text, Text
                          Text, Text, Text
                          Text, Text, Text
                          Text, Text, Text

                          Also ein zweispaltiges Layout.

                          Einen schönen Dienstag noch.

                          Gruß, Mathias

                          --
                          sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
                          „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
                          [HTML Design Constraints: Logical Markup]
                          1. Also ein zweispaltiges Layout.

                            Glaub nicht, oder?´

                            GROSSE-ÜBERSCHRIFT(H1)

                            »»

                            ÜBERSCHRIFT                                    Links: [BUTTON1][BUTTON2]

                            »»

                            Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text,  Text, Text, Text.

                            1. Wie auch immer warum geht folgendes nicht, und wie schagf ich das es geht?

                              <h4><a name="Stern">-Stern</a>
                              </h4>
                              <div style="float:right" >
                               <a target="_blank" href="http://de.wikipedia.org/wiki/Stern" class="nu">
                                 <img src="wiki.ico" alt="Wikipedia" title="Wikipedia: Stern"></a>
                               <a href="http://www.http://www.astronomia.de/index.htm?http://www.astronomia.de/start.htm" class="nu">
                                 <img src="astronima.gif" alt="Astronima" title="Astronima: Sternentstehung"></a>
                               <a href="http://www.zum.de/Faecher/A/Sa/STERNE/st1.htm" class="nu">
                                 <img src="http://www.zum.de/gifs/islebil.gif" alt="ZUM im Internet" title="Zum.de: Sternentstehung"></a>
                               <a href="http://www.zum.de/Faecher/A/Sa/STERNE/nachhauptreihe.htm" class="nu">
                                 <img src="http://www.zum.de/gifs/islebil.gif" alt="ZUM im Internet" title="Zum.de: Der Tod eines Sternes"></a>
                              </div>