kostenloser Webspace werbefrei: lima-city

Bilder nebeneinander anzeigen lassen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   php-test1

   

   php-test1 hat kostenlosen Webspace.

   11:02, 7.10.2012

   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. nicoa

   

   nicoa hat kostenlosen Webspace.

   11:18, 7.10.2012

   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

   

   php-test1 hat kostenlosen Webspace.

   11:22, 7.10.2012

   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. nicoa

   

   nicoa hat kostenlosen Webspace.

   11:35, 7.10.2012

   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

   

   php-test1 hat kostenlosen Webspace.

   11:37, 7.10.2012

   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?