kostenloser Webspace werbefrei: lima-city


Bilder nebeneinander anzeigen lassen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    php-test1

    Kostenloser Webspace von php-test1

    php-test1 hat kostenlosen Webspace.

    Hallo,

    Ich möchte auf meiner Webseite (computer-and-fun.de) die beiden Bilder auf der Startseite nebeneinander anzeigen lassen, bloß ich weis nicht wie das funktioniert. Kann mir von euch jemand helfen?

    Danke schonmal in vorraus
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Erst einmal: Bitte gewöhne dir das mit den Tabellen gar nicht erst an, nutze lieber vernünftig per CSS formatierte Divs!

    Dann zu deinem eigentlichen Anliegen: weisst du, was ein
    <br>
    bewirkt? Einen Zeilenumbruch! d.h., die Bilder können damit gar nicht nebeneinander angezeigt werden, weil du diesen Umbruch erzwingst.

    Edit: img-Tags sind sog. "inline"-Elemente, werden also automatisch nebeneinander dargestellt. Alternativ kannst du dem img auch per css ein
    float:left;
    zuweisen

    Beitrag zuletzt geändert: 7.10.2012 11:21:10 von nicoa
  4. Autor dieses Themas

    php-test1

    Kostenloser Webspace von php-test1

    php-test1 hat kostenlosen Webspace.

    nicoa schrieb:
    Erst einmal: Bitte gewöhne dir das mit den Tabellen gar nicht erst an, nutze lieber vernünftig per CSS formatierte Divs!

    Dann zu deinem eigentlichen Anliegen: weisst du, was ein
    <br>
    bewirkt? Einen Zeilenumbruch! d.h., die Bilder können damit gar nicht nebeneinander angezeigt werden, weil du diesen Umbruch erzwingst.

    Edit: img-Tags sind sog. "inline"-Elemente, werden also automatisch nebeneinander dargestellt. Alternativ kannst du dem img auch per css ein
    float:left;
    zuweisen


    Wo muss ich denn dieses float:left; denn einsetzen?

    Beitrag zuletzt geändert: 7.10.2012 11:24:43 von php-test1
  5. Du hast ja eine Css-Datei definiert, dort fügst du nur noch folgendes hinzu:
    img {
    float:left;
    }


    Sag mal, ohne dir nahe treten zu wollen, hast du die Seite selber geschrieben oder mit nem Homepagebuilder/Dreamweaver/Word/... oder so? Du hast ja bereits Styles definiert, arbeitest auch schon mit klassen, aber definierst die Styles dann doch wieder direkt in den Tags oder machst sonst irgendwelchen "Mist" ;-)

    Beitrag zuletzt geändert: 7.10.2012 11:35:42 von nicoa
  6. Autor dieses Themas

    php-test1

    Kostenloser Webspace von php-test1

    php-test1 hat kostenlosen Webspace.

    nicoa schrieb:
    Du hast ja eine Css-Datei definiert, dort fügst du nur noch folgendes hinzu:
    img {
    float:left;
    }


    Sag mal, ohne dir nahe treten zu wollen, hast du die Seite selber geschrieben oder mit nem Homepagebuilder/Dreamweaver/Word/... oder so? Du hast ja bereits Styles definiert, arbeitest auch schon mit klassen, aber definierst die Styles dann doch wieder direkt in den Tags oder machst sonst irgendwelchen "Mist" ;-)


    Danke erstmal für das erklären.

    Aber ja, ich habe die Webseite selber geschrieben.
  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!