kostenloser Webspace werbefrei: lima-city


bild in der mitte zentrieren

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    p*******4

    hallo
    wie kann man ein bild über html in der mitte der seite zentrieren??


    Beitrag geändert: 25.5.2008 20:07:45 von patrick14
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. w******s

    Ganz einfach... Gib folgenden Code ein

    <p align=center><img src=\"bildname.jpg\"></p>
  4. Die sauberere CSS Variante sieht so aus ;)

    <p style=\"text-align:center;\"><img src=\"Bildname\" alt=\"\" /></p>
  5. Autor dieses Themas

    p*******4

    danke für die antwort aber so meinte ich das nicht, das bild wird jetzt nur oben in der mitte zentriert ich möchte das aber genau in der mitte von der seite haben
  6. s********r

    williams schrieb:
    Ganz einfach... Gib folgenden Code ein

    <p align=center><img src=\\\'bildname.jpg\\\'></p>


    Allerdings zentriert das nur horizontal und ich glaube er möchte auch eine vertikale Zentrierung. Das ginge dann folgendermassen:

    im CSS:

    #mittigesBild {
    position: absolute;
    width: 500px;
    height: 122px;
    margin-left: -250px;
    margin-top: -66px;
    left: 50%;
    top: 50%;
    background-color: #ffffff;
    color: #000000;
    }

    im BODY:

    <div id=\"mittigesBild\">
    <img src=\"meinBild.jpg\" style=\"border:none;\" />
    </div>

    Übrigens hättest du das auch ganz gut googlen können: \'bild vertikal und horizontal zentrieren\'.

    MfG

    sebigisler

  7. malia

    Moderator Kostenloser Webspace von malia

    malia hat kostenlosen Webspace.

    Hallo!

    Ich habs so versucht, klappt auch:

    <body
    style=\"background-image: url(bild.jpg); background-repeat: no-repeat; background-position: center; background-color: black;\">
    </body>

    http://www.drweb.de/trickkiste/tricks70.shtml

    Grüsse Malia


    Beitrag geändert: 25.5.2008 20:30:12 von malia
  8. 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!