kostenloser Webspace werbefrei: lima-city

Grafiker anzeigen lassen in der Liste

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

1. Autor dieses Themas

   dfsdpdff

   dfsdpdff hat kostenlosen Webspace.

   21:52, 31.10.2015

   Hallo,
   
   Ich habe eine Frage zu euch ich wollte mall wissen wie man Fotos in einer liste anzeigen an mit css
   soleste meinte ich
   
   https://www.lima-city.de/images/famfamfam-s5f63b6b282-e545b230b5b6fdf4b6332109f0cc1f72.png
   Hier ist mein Code
   
   

   #ma{
       background-image: url(navigation_05262810014460215653992.png);
       background-repeat: no-repeat;
       background-position: -212px -116px;
       height: 102px;
       width: 389px;
       display: block;
   }

   
   
   Beitrag zuletzt geändert: 31.10.2015 21:52:51 von dfsdpdff

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

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

3. stoerchu

   

   stoerchu hat kostenlosen Webspace.

   9:12, 1.11.2015

   mach das einfach mit:
   
   Html:
   

   <div class="image">hallo</div>
   <div class="image">hallo</div>
   <div class="image">hallo</div>

   
   
   CSS:
   

   .image {
     display: block;
     width: 200px;
     margin: 10px auto;
     background: #CCCCCC;
   }

   
   
   

   display: block

   lässt die untereinander anzeigen. Falls du die nebeneinander anzeigen willst, versuche einfach

   display: inline-block;

   
   
   Den divs kannst du mit

   style="background-image: url();

   ein Hintergrund zuweisen oder auch einfach ein normales Bild in das div stellen.
   Alternativ kannst du die divs auch weglassen und die .img Klasse direkt dem Bild zuweisen. Die Breite müsst du natürlich entsprechend anpassen.

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

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

Dir gefällt dieses Thema?