kostenloser Webspace werbefrei: lima-city

Bilder Skalieren?

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

1. Autor dieses Themas

   trainercard-club

   

   trainercard-club hat kostenlosen Webspace.

   21:59, 18.9.2011

   Wie kann ich im folgenden Code die Maße der Bilder ändern, ohne das Teile des Bildes verschwinden, also zerren?
   <div id="navi">
   
   

   <ul>
   <li> <a href="#">Seite 1</a> </li>
   <li> <a href="#">Seite 2</a> </li>
   <li> <a href="#">Seite 3</a> </li>
   <li> <a href="#">Seite 4</a> </li>
   <li> <a href="#">Seite 5</a> </li>
   </ul>
   <br style="clear: both;">
   
   </div>

   
   
   _____________________________________________________________
   
   

   #navi
   {
   font-size: 0.9em;
   font-weight: bold;
   }
   
   #navi ul
   {
   margin: 0;
   padding: 0;
   list-style-type: none;
   }
   
   #navi li
   {
   float: left;
   margin-left: 5px;
   }
   
   #navi a
   {
   display: block;
   padding: 5px;
   width: 130px;
   height: 15px;
   background-image: url(lbutton.gif);
   color: #68228B;
   text-decoration: none;
   text-align: center;
   }
   
   #navi a:visited
   {
   color: #F00;
   }
   
   #navi a:hover
   {
   color: #8B0000;
   background-image: url(hbutton.gif);
   }

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

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

3. t******s

   8:45, 20.9.2011

   entweder im HTML Code die Bilder beschreiben
   also:

   <img src="......."  width=" ? px " height=" ? px ">

   
   oder im CSS, was aber von den verschiedenen Browsern unterschiedlich ausgegeben werden kann
   

   #navi img {width: ? % ;   height: ? %; }

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

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

Dir gefällt dieses Thema?