kostenloser Webspace werbefrei: lima-city


Text untereinander mittig mache.

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    loma

    loma hat kostenlosen Webspace.

    Hey,

    ich möchte gerne das ein text in der mitte ist aber richtig untereinander.

    Ich meine das so das es so Perfekt untereinander in der Mitte ist:

    - Teeeeeeeeeeeext
    - Texten
    - Text 156631
    - Halli Hallo, das ist ein Text


    Ich habe es schon mit folgendem Probiert:
    <p align="center">       
    - Teeeeeeeeeeeext <br />
    - Texten <br />
    - Text 156631 <br />
    - Halli Hallo, das ist ein Text         </p>



    Dieser wird jedoch nicht perfekt untereinander angezeigt.

    Das sieht etwa so aus:

    - Teeeeeeeeeeeext
                                      - Texten
                                  - Text 156631
                      - Halli Hallo, das ist ein Text



    Ich hoffe ihr versteht was ich meine :D

    Danke!


    Beitrag zuletzt geändert: 5.5.2010 20:59:37 von loma
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Das geht mit verschachteltem Code. Mache ein HTML-Element, in dem du alles zentrierst. Darin schreibst du nicht sofort den Text, sondern erstellst ein weiteres HTML-Element, in dem alles linksbündig dargestellt wird. Das wird zu der von dir gewünschten Ansicht führen.
  4. Autor dieses Themas

    loma

    loma hat kostenlosen Webspace.

    drafed-map schrieb:
    Das geht mit verschachteltem Code. Mache ein HTML-Element, in dem du alles zentrierst. Darin schreibst du nicht sofort den Text, sondern erstellst ein weiteres HTML-Element, in dem alles linksbündig dargestellt wird. Das wird zu der von dir gewünschten Ansicht führen.


    Könntest Du mir da bitte helfen? Ich kenne mich sehr wenig mit Html aus, da ich noch am lernen bin :-)

    <img src="/www/images/pfeil.gif"> Quiz Punkte
    <br>
    <img src="/www/images/pfeil.gif"> WordMix Punkte
    <br>
    <img src="/www/images/pfeil.gif"> Schutzengel erhalten
    <br>
    <img src="/www/images/pfeil.gif"> Ohrfeigen erhalten.
  5. loma schrieb:
    Könntest Du mir da bitte helfen? Ich kenne mich sehr wenig mit Html aus, da ich noch am lernen bin :-)

    <img src="/www/images/pfeil.gif"> Quiz Punkte
    <br>
    <img src="/www/images/pfeil.gif"> WordMix Punkte
    <br>
    <img src="/www/images/pfeil.gif"> Schutzengel erhalten
    <br>
    <img src="/www/images/pfeil.gif"> Ohrfeigen erhalten.



    Wenn du den Text und die Bilder Zentriert haben möchtesr, dann ist es am einfachsten so.

    <center><img src="/www/images/pfeil.gif"> Quiz Punkte
    <br>
    <img src="/www/images/pfeil.gif"> WordMix Punkte
    <br>
    <img src="/www/images/pfeil.gif"> Schutzengel erhalten
    <br>
    <img src="/www/images/pfeil.gif"> Ohrfeigen erhalten.</center>


    Es geht aber auch so:

    <center><img src="/www/images/pfeil.gif"> Quiz Punkte</center><br>
    <center><img src="/www/images/pfeil.gif"> WordMix Punkte</center><br>
    <center><img src="/www/images/pfeil.gif"> Schutzengel erhalten</center><br>
    <center><img src="/www/images/pfeil.gif"> Ohrfeigen erhalten.</center>


    Wenn du es jedoch auf diesem server machen möchtest, dann geht das so:

    <center><img src="images/pfeil.gif"> Quiz Punkte</center><br>
    <center><img src="images/pfeil.gif"> WordMix Punkte</center><br>
    <center><img src="images/pfeil.gif"> Schutzengel erhalten</center><br>
    <center><img src="images/pfeil.gif"> Ohrfeigen erhalten.</center>


    lg
    Menti

    Beitrag zuletzt geändert: 5.5.2010 22:22:39 von menticorte
  6. sachmal gestaltung macht man 100% mit CSS, auch in diesem Fall:
    gib deinem P ne id, beispiel mitte und dann kommt ins CSS:
    #mitte {text-align:center;}

    das wars, mehr brauchst du nicht machen!
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!