kostenloser Webspace werbefrei: lima-city

img width="25%" Standardformatierung mit CSS?

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

1. Autor dieses Themas

   dikay

   dikay hat kostenlosen Webspace.

   16:43, 1.2.2009

   Ja also tag/folgendes problem">folgendes Problem habe ich. Ich habe 36 Bilder die alle unterschiedlich groß sind.
   So nun wollte ich halt mit <img src="" width="25%"> machen. Das ist nun aber bei 36 Bildern sehr mühselig und nun wollte ich das in CSS einbinden habe aber leider nix gefunden was funktioniert.
   
   Weiß jmd was darüber

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

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

3. tct

   

   tct hat kostenlosen Webspace.

   16:49, 1.2.2009

   img{
   width: 25%;
   }

   
   So sollten alle Bilder auf der gesamten Website mit einer Breite von 25% ihres Originals angezeigt werden. Wie sich height dann verhält kann ich dir nicht genau sagen, allerdings würde ich vermuten, dass es mitskaliert wird. Falls nicht, musst du entsprechend noch height: 25%; ergänzen.
4. Autor dieses Themas

   dikay

   dikay hat kostenlosen Webspace.

   16:50, 1.2.2009

   gut danke für die schnelle Hilfe funktioniet einwand frei. danke

5. e********l

   10:38, 4.2.2009

   Anstatt die herunter zu skalieren, erzeuge lieber Thumbnails in der entsprechenden Größe. Zum einen wird es deinen Traffic weniger belasten und zum anderen wird es auch den Besucher deiner Seite freuen, wenn er nicht erst 36 große Bilder vorladen muss.
6. Autor dieses Themas

   dikay

   dikay hat kostenlosen Webspace.

   13:06, 5.2.2009

   evil-devil schrieb:
   Anstatt die herunter zu skalieren, erzeuge lieber Thumbnails in der entsprechenden Größe. Zum einen wird es deinen Traffic weniger belasten und zum anderen wird es auch den Besucher deiner Seite freuen, wenn er nicht erst 36 große Bilder vorladen muss.
   

   
   
   Ja das kommt noch da ich aber ersteinmal alle Bilder auf der Seite haben möchte passt das schon da dei Bilder eh keine gute Qualität haben sind die nicht größer als 50 kb reicht also erst einmal.

7. e********l

   15:04, 5.2.2009

   36 * 50kb sind aber schon eine ganze Menge an Daten. Das sind immerhin grob übern Daumen 1,8mb!

8. danielderhacker

   danielderhacker hat kostenlosen Webspace.

   16:14, 5.2.2009

   Das Wirkt aber auf alle Bilder.
   Willst du das nur für bestimmte bilder, kannst du klassen anlegen so etwa:
   
   tag.deineklasse {
   code
   }
   
   also
   
   img.klein {
   whidth:25%;
   }
   
   beim img tag auf der seite musst du dann noch class="deineklasse" eintragen
   <img class="klein" scr="..." ...
   
   Beitrag zuletzt geändert: 5.2.2009 16:15:18 von danielderhacker

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

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

Dir gefällt dieses Thema?