Jump to content

curieux

Members
 View Profile  See their activity

  • Posts

    4

  • Joined

  • Last visited

 Content Type 

Posts posted by curieux

    CSS images galery

    in CSS

    Posted

    Thanks you,

    I rectified my code. Effectively, now it run well on my personal computer but it don’t run on the web :

     

    <div class="img">

    <a target="_blank" href="petitpin1.jpg"><img src="petitpin1.jpg" alt="petitpin1" width="110" height="90"></a>

    <div class="desc">Add a description of the image here</div>

    </div>

    <div class="img">

    <a target="_blank" href="petitpin2.jpg"><img src="petitpin2.jpg" alt="petitpin2" width="110" height="90"></a>

    <div class="desc">Add a description of the image here</div>

    </div>

    <div class="img">

    <a target="_blank" href="petitpin3.jpg"><img src="petitpin3.jpg" alt="petitpin3" width="110" height="90"></a>

    <div class="desc">Add a description of the image here</div>

    </div>

    <div class="img">

    <a target="_blank" href="petitpin4.jpg"><img src="petitpin4.jpg" alt="petitpin4" width="110" height="90"></a>

    <div class="desc">Add a description of the image here</div>

    </div>

     

    </body>

    </html>

     

    on http://gerald.lanne.free.fr/29galerie you will find the result.

     

    Thanks

    CSS images galery

    in CSS

    Posted

    Good day everyone

     

    This code is not running

     

    <!DOCTYPE html>

    <html>

    <head>

    <style>

    div.img {

    margin: 5px;

    padding: 5px;

    border: 1px solid #0000ff;

    height: auto;

    width: auto;

    float: left;

    text-align: center;

    }

     

    div.img img {

    display: inline;

    margin: 5px;

    border: 1px solid #ffffff;

    }

     

    div.img a:hover img {

    border: 1px solid #0000ff;

    }

     

    div.desc {

    text-align: center;

    font-weight: normal;

    width: 120px;

    margin: 5px;

    }

    </style>

    </head>

    <body>

     

    <div class="img">

    <a target="_blank" href="petitpin1_big.htm"><img src="petitpin1_small.jpg" alt="petitpin1" width="110" height="90"></a>

    <div class="desc">Add a description of the image here</div>

    </div>

    <div class="img">

    <a target="_blank" href="petitpin2_big.htm"><img src="petitpin2_small.jpg" alt="petitpin2" width="110" height="90"></a>

    <div class="desc">Add a description of the image here</div>

    </div>

    <div class="img">

    <a target="_blank" href="petitpin3_big.htm"><img src="petitpin3_small.jpg" alt="petitpin3" width="110" height="90"></a>

    <div class="desc">Add a description of the image here</div>

    </div>

    <div class="img">

    <a target="_blank" href="petitpin4_big.htm"><img src="petitpin4_small.jpg" alt="petitpin4" width="110" height="90"></a>

    <div class="desc">Add a description of the image here</div>

    </div>

     

    </body>

    </html>

     

    on http://gerald.lanne.free.fr/29 galerie you will find the result. I don't know where is my error ?

     

    Thanks

×
×
  • Create New...