kostenloser Webspace werbefrei: lima-city


Bilder Skalieren?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    trainercard-club

    Kostenloser Webspace von trainercard-club, auf Homepage erstellen warten

    trainercard-club hat kostenlosen Webspace.

    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

    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?

Über lima-city

Login zum Webhosting ohne Werbung!