kostenloser Webspace werbefrei: lima-city


Bild zentrieren

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    lassidaassi

    lassidaassi hat kostenlosen Webspace.

    Hey Leute,

    ich hab ein kleines Problem wie kriege ich dieses Bild (lassidaassi.lima-city.de) in die Mitte der Seite ohne es zu verkleinern.
    Also es sollte eben auf beiden Seiten abgeschnitten sein wenn es ein kleinerer Bildschirm ist.

    ...
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. lassidaassi schrieb:
    Hey Leute,

    ich hab ein kleines Problem wie kriege ich dieses Bild (lassidaassi.lima-city.de) in die Mitte der Seite ohne es zu verkleinern.
    Also es sollte eben auf beiden Seiten abgeschnitten sein wenn es ein kleinerer Bildschirm ist.

    ...

    Könntest du dich bitte etwas präzoeser audrücken.
    Was meinst du mit zentriren? Horizontal oder Vertikal?
    Also bei mir ist es nähmlich zentreirt (Horizontal).

    Beitrag zuletzt geändert: 20.3.2010 17:23:49 von no-smoke
  4. sagt dir css etwas?...
    soll es mitten im text oder im hintergrund sein?
    mit css einbinden und die größe in % angeben, lage - mitte, dann verschmälert es sich zur mitte hin
  5. Autor dieses Themas

    lassidaassi

    lassidaassi hat kostenlosen Webspace.

    also es soll als hintergrundbild horizontal zentriert sein damit es links und rechts abgeschnitten ist.
  6. Mit HTML einfach vor und nach dem <img> einfach <center> setzen und das auch schließen. In CSS könnte man das jetzt auch mit einer Klasse definieren, aber ich denke mal der Aufwand und der Umfang sind ausschlaggebend.


    EDIT: Hab mich verlesen eben. Also man könnte das mit der <div> Klasse erledigen. Man kann diese so wie Ebene einordnen und daher musst du dann kein Hintergrundbild definieren. So besteht auch die Möglichkeit, das man einen Hintergrund dynamisch an jede Auflösung anpassen kann. Belese dich einfach mal zu dem <div> Befehl.

    EDIT2: Bei deiner Seite könnte man aber auch eine Tabelle verwenden, die mit einem Hintergrundbild belegt wird. Du musst die Größe deiner Grafik in die Tabelle übertragen. Tabelle zentrieren versteht sich von selber.

    Mit freundlichen Grüßen
    Wolf

    Beitrag zuletzt geändert: 20.3.2010 17:39:17 von lostwolf
  7. du musst nur deine "style.css" etwas ändern.

    Hier beide codes zur sicherheit...

    HTML

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-1"
    http-equiv="content-type">
    <title>test</title>
    <link rel="stylesheet" type="text/css"
    href="style.css">
    </head>
    <body
    style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
    alink="#000088" link="#ffffff" vlink="#ff0000">
    <div align="center">
    <div class="header"> </div>
    </div>
    </body>
    </html>



    style.css



    /* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

    body { margin: 0px;
    padding: 0px;
    }

    .header { margin: 0pt auto;
    height: 388px;
    background-image: url(http://lassidaassi.lima-city.de/img/header.jpg);
    text-align: center;
    background-position: center;
    width: 100%;
    }

  8. .header {
             height: 388px;
             background: url(img/header.jpg) no-repeat center top;
             text-align:center;
             margin: 0 auto;
    }


    Sollte reichen Deine CSS zu ändern... einfach die Änderung bei background ergänzen!

    Beitrag zuletzt geändert: 20.3.2010 18:03:44 von staymyfriend
  9. Autor dieses Themas

    lassidaassi

    lassidaassi hat kostenlosen Webspace.

    Danke an alle!
    Tut mir Leid ich hab gar nicht an "background-position" gedacht :D
  10. 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!