Ankündigung

Einklappen
Keine Ankündigung bisher.

Zeilenumbrüche & Ausrichtung von Bildern und Text

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

  • Zeilenumbrüche & Ausrichtung von Bildern und Text

    Hallo!

    Ich bin grad dabei, meine erste HP zu erstellen.

    Dabei hab ich ein paar Probleme:

    1. Mein Browser (IE 6.0) zeigt Zeilenanbrüche so an, wie der Editor. Ist das Browserfenster zu Ende, wird kein Zeilenumbruch eingefügt, sondern ich muss zum lesen nach rechts scrollen. Zeilenumbrüche vom Editor werden übernommen.

    2. Ich möchte ein Bild rechts ausrichten, so das es vom Text umflossen wird. Das Bild verdeckt aber meinen Text statt dessen.
    Quelltext:
    <img src=".../guitarplayer.jpg" align="right" width="225" height="311" hspace="10" vspace="7" alt="">
    Dann der Text im Quelltext.

    Im Prinzip scheint der tag zu funktionieren, liegts vielleicht am IE 6.0? Muss ich css verwenden (Wozu ich noch keine gute Ein-/Anleitung gefunden hab)?

    Danke & Gruß, Oli

  • #2
    @

    zu 1.. dass kommt wohl auf die tabellengrösse an. den befehl <br> kennst
    du, oder?

    zu 2.. da hast den code wohl an der falschen stelle!?

    ansonsten link her!

    mfg
    http://mitglied.lycos.de/pummel_chen...banner18-9.gif

    Kommentar


    • #3
      Hi,
      So geht das nicht (zu 2)

      mache eine Tablle

      <table widht="100%" boarder="0">
      <tr>
      <td widht="50%">BILD</td><td widht="50%">TEXT</td>
      </tr>
      </table>

      MfG SPages
      Lernen Sie jetzt PHP
      http://www.php-is-easy.de/obook

      Kommentar


      • #4
        Danke!

        Zu 1.: <br> kenn ich. Aber sollte der Text nicht automatisch am Ende des Browserfensters umgebrochen werden? Es sit ganz normaler text, keine Tabelle; hat nichts mit 2. zu tun.

        Zu 2.: So klappts schon etwas besser. Jetzt hab ich links das Bild, daneben den Text. Allerdings ist dieser auf die Mitte des Bildes ausgerichtet, eigentlich soll er bündig mit der Oberkante des Bildes beginnen.
        Ich werd mich mal mit Tabellen beschäftigen; hab das bisher noch gar nicht getan.
        Laut Selfhtml sollte die erste Methode funktionieren, aber irgendwie bald abgeschafft werden?!?

        Die Datei ist auf meinem PC.

        Danke & Gruß, Oli

        Kommentar


        • #5
          So, hier mal etwas Quelltext.

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
          <HTML>

          <HEAD>
          </HEAD>

          <BODY>
          <body bgcolor="#00D7FF">
          <FONT face="Book Antiqua">
          <body text="white" link="white" vlink="#646464" alink="#969696">

          <table width="100">
          <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaxxxxxxxxxaaaaaaaaaaaaaaaiiiiiiiiii aaaaaaaaaaaaaaaa
          aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaax xxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
          aaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaiiiiiiiiiiiiiaaaaaaaaaaaaaaaaaaaa aa
          aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa axxxxxxxxxxxxxxaiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaa
          aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxx xxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
          aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaxxxxxxxxxaaaaaaaaaaaaaaaiiiiiiiiiiaaaaaa aaaaaaaaaa
          aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaax xxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
          aaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaiiiiiiiiiiiiiaaaaaaaaaaaaaaaaaaaa aa
          aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa axxxxxxxxxxxxxxaiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaa
          aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxx xxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
          aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxx xaaaaiiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxxaaaaiiiiii iiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaa
          </td><td><img src="blabla.jpg" width="225" height="311"></td>
          </table>

          </FONT>
          </BODY>
          </HTML>

          Ich möchte das Bild rechts haben. Wie beschränke ich nun den Inhalt der Tabelle auf das Browserfenster? Die Prozentzahl table width beziehen sich wohl auf die Tabelle selbst... und werden auch noch ignoriert. mein Browserfenster wird in der Grösse verdoppelt, ich muss scrollen.
          Auch absolute Angaben (table width=300) funktionieren nicht. Ausserdem würde das wohl zu Problemen bei PCs mit anderen Auflösungen führen.
          Übrigens wird der Text (Zeilenumbrüche) bei mir im IE genauso angezeigt wie im Editor.

          Gruß, Oli

          Kommentar


          • #6
            bevor du <td> nach dem <table> tag machst kommt immer eine riehe: <tr> das auch hinter </td> wieder beendet wird </tr> solltestr du dir nochmal tabellen genauerer angukcne.
            www.nice-esp.de.vu - meldet bitte mal im board an: wir versuchen eine nette HL:CS / Games community aufzubauen(nich so wie cstrike.de oder mymtw.de)

            Kommentar


            • #7
              Danke, hab ich probiert. Hat leider keinen Effekt.
              Ich hatte die tr-tags vorher gelöscht, eben weil sie keine Wirkung hatten.

              Gruß, Oli

              Kommentar


              • #8
                [code:1:a2a28656bd]Tabellen befehle:

                <th> </th> Kopfzeile (überschrift mäßig)
                <tr> </tr> Tabellenzeile (normale zeile)
                <td> </td> Tabellenzelle (normale spalte halt)[/code:1:a2a28656bd]

                gruß Chris
                http://www.pc-jump.de/Banner.jpg

                Probleme mit dem Rechner? Komm in"das Computer Forum" und/oder plaudere einfach über neue Hardware.

                :!: Tippfehler sind beabsichtigt und dienen nur der allgemeinen Belustigung... :lol:

                Kommentar


                • #9
                  Danke Chris, leider hab ich nicht die geringste Ahnung, was Du mir damit sagen willst;-)

                  Mir ist gar nicht klar, was ich mit dem <tr> tag an dieser Stelle machen soll. Sicher könnte ich jede Zeile des Textes damit festlegen, aber das kann ich doch genu so gut mit dem <br> tag.

                  Ob mit oder ohne <tr>, mit dem angegebenen Quelltext kann ich Bild und ext trennen. Nur hab ich keinen Zeilenumbruch, dafür muss ich den <br> tag verwenden. Auch ein tag wie <td width=200> beschränkt den text nicht auf eine bestimmte Breite.

                  Daher muss ich bei geringeren Auflösungen scrollen, hab bei höheren freie Flächen im Browser.
                  Ich such noch ne Methode, um das zu verhindern.

                  Gruß, Oli

                  Kommentar


                  • #10
                    doch, wenn du schriebst:
                    <table width="200">
                    <tr>
                    <td>
                    text
                    </td>
                    <td>
                    Bild
                    </td>
                    </tr>
                    </tabe>
                    www.nice-esp.de.vu - meldet bitte mal im board an: wir versuchen eine nette HL:CS / Games community aufzubauen(nich so wie cstrike.de oder mymtw.de)

                    Kommentar


                    • #11
                      Sorry, bei mir klappt das nicht. Ich hab mit <br> jetzt so formatiert, dass der Text - bei meiner Auflösung - links neben dem Bild steht; alles genau in ein
                      maximiertes Browserfenster passt..
                      Dann hab ich mal testweise die letzte Zeile um ein paar Buchstaben verlängert.
                      Ergebnis: Das Bild wurde verschoben, ich musste scrollen.
                      Ich habs probiert mit table width=200, ="200", ="100%",=100%

                      <table width="200">
                      <tr><td><p style="font-size:12pt">
                      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaxxxxxxxxa<br>
                      aaaaaaaaaiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                      aaaaaaaaaaaaaxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                      aaaaxxxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaii iiiiiiiiiiiaaaa<br>
                      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaxxx<br>
                      xxxxxxaiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                      aaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaxxxxxx<br>
                      aaaaaaaaaaaaaiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                      aaaaaaaaaaaaaaaaaxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                      aaaaaaaaxxxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaiiiiiiiiiiiia<br>
                      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                      xxxxxxxxxxaiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxaaaaaaaa aaaaaaaaaaaaaaa<br>
                      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxx xxxaaaaiiiiiiii<br>
                      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaxxxxxx<br>
                      xaaaaiiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
                      </td><td><img src="blabla.jpg" width="225" height="311" alt=""></td>
                      </tr>
                      </table>

                      Kommentar


                      • #12
                        Übrigens funktioniert <td with=> genau so wenig.

                        Gruß, Oli

                        Kommentar


                        • #13
                          ja wo is nun das Problem? wenn du 100% angibst, kann sich das Browser fenster rein theoretisch nicht vergrößern, weil 100% sind 100% und nicht mehr mehr geht nicht... weiss nicht wie ichs erklären soll, versuch das so:

                          [code:1:954bc7c9ef]<table width="100%" height="100%">
                          <tr>
                          <td>
                          text
                          </td>
                          <td width="225">
                          <img src="blabla.jpg" width="225" height="311" alt="">
                          </tr>
                          </table> [/code:1:954bc7c9ef]

                          und nun muß der text ja Links neben den Bild sein und das Bild halt Rechts, dass is es doch was du wolltest oder?

                          mfg Chris
                          http://www.pc-jump.de/Banner.jpg

                          Probleme mit dem Rechner? Komm in"das Computer Forum" und/oder plaudere einfach über neue Hardware.

                          :!: Tippfehler sind beabsichtigt und dienen nur der allgemeinen Belustigung... :lol:

                          Kommentar


                          • #14
                            Das Problem ist das gleiche, wie schon mehrfach gesagt. Der Text bricht nicht automatisch am Browserfenster um.

                            Ich hab mal deinen Hinweis (der ausser dem Vorschlag, neben width auch height zu verwenden, schon gemacht wurde und sich nicht als für mein Problem hilfreich erwies), ausprobiert... ich muss scrollen!

                            <table width="100%" height="100%">
                            <tr><td><p style="font-size:12pt">
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaxxxxxxxxa<br>
                            aaaaaaaaaiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                            aaaaaaaaaaaaaxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                            aaaaxxxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaii iiiiiiiiiiiaaaa<br>
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaxxx<br>
                            xxxxxxaiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaxxxxxx<br>
                            aaaaaaaaaaaaaiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                            aaaaaaaaaaaaaaaaaxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                            aaaaaaaaxxxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaiiiiiiiiiiiia<br>
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                            xxxxxxxxxxaiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa<br>
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxaaaaaaaa aaaaaaaaaaaaaaa<br>
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxx xxxaaaaiiiiiiii<br>
                            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaxxxxxxvvvvvvvv<br>
                            xaaaaiiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
                            </td><td width="225"><img src="blabla.jpg" width="225" height="311" alt=""></td>
                            </tr>
                            </table>



                            Gruß, Oli

                            Kommentar

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

                            Einklappen

                            Themen: 57.203   Beiträge: 432.036   Mitglieder: 29.639   Aktive Mitglieder: 29
                            Willkommen an unser neuestes Mitglied, Shalin.

                            Online-Benutzer

                            Einklappen

                            805 Benutzer sind jetzt online. Registrierte Benutzer: 1, Gäste: 804.

                            Mit 9.939 Benutzern waren am 17.05.2023 um 21:38 die meisten Benutzer gleichzeitig online.

                            Die neuesten Themen

                            Einklappen

                            Die neuesten Beiträge

                            Einklappen

                            Lädt...
                            X