images on 1 line

Discussion in 'HTML & Website Design' started by giusbit, Dec 30, 2008.

  1. #1
    i want to display images here:
    http://pizzeriamickymouse.it/chisiamo.php
    on 1 line, but they go on new line each times

    how to do it?

    here's the code

    <a href="gallery/1.jpg" rel="lightbox"><img style="border:solid 1px #999999;" src="/gallery/1a.JPG" alt="Un'immagine della Pizzeria" /></a>
    <a href="gallery/2.jpg" rel="lightbox"><img style="border:solid 1px #999999;" src="/gallery/2a.JPG" alt="Un'immagine della Pizzeria" /></a>
    <a href="gallery/3.jpg" rel="lightbox"><img style="border:solid 1px #999999;" src="/gallery/3a.JPG" alt="Un'immagine della Pizzeria" /></a>
    <a href="gallery/4.jpg" rel="lightbox"><img style="border:solid 1px #999999;" src="/gallery/4a.JPG" alt="Un'immagine della Pizzeria" /></a>
    <a href="gallery/5.jpg" rel="lightbox"><img style="border:solid 1px #999999;" src="/gallery/5a.JPG" alt="Un'immagine della Pizzeria" /></a>
    <a href="gallery/6.jpg" rel="lightbox"><img style="border:solid 1px #999999;" src="/gallery/6a.JPG" alt="Un'immagine della Pizzeria" /></a>
    Code (markup):
    thanks
     
    giusbit, Dec 30, 2008 IP
  2. Sensei.Design

    Sensei.Design Prominent Member

    Messages:
    3,847
    Likes Received:
    162
    Best Answers:
    0
    Trophy Points:
    310
    Digital Goods:
    1
    #2
    did you try to float them to the left? (you need to add a float: left; inf the stlye part
     
    Sensei.Design, Dec 30, 2008 IP
  3. giusbit

    giusbit Active Member

    Messages:
    199
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    tried now but doesnt work
     
    giusbit, Dec 30, 2008 IP
  4. Sensei.Design

    Sensei.Design Prominent Member

    Messages:
    3,847
    Likes Received:
    162
    Best Answers:
    0
    Trophy Points:
    310
    Digital Goods:
    1
    #4
    you need to float the links so give them an id and use a css file or use style=""
     
    Sensei.Design, Dec 30, 2008 IP
  5. giusbit

    giusbit Active Member

    Messages:
    199
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #5
    tried this too but doesnt help :(

    <a href="gallery/1.jpg" rel="lightbox" style="float: left;"><img style="border:solid 1px #999999; float: left;"  src="/gallery/1a.JPG" alt="Un'immagine della Pizzeria" /></a>
    <a href="gallery/2.jpg" rel="lightbox" style="float: left;"><img style="border:solid 1px #999999; float: left;"  src="/gallery/2a.JPG" alt="Un'immagine della Pizzeria" /></a>
    <a href="gallery/3.jpg" rel="lightbox" style="float: left;"><img style="border:solid 1px #999999; float: left;"  src="/gallery/3a.JPG" alt="Un'immagine della Pizzeria" /></a>
    <a href="gallery/4.jpg" rel="lightbox" style="float: left;"><img style="border:solid 1px #999999; float: left;"  src="/gallery/4a.JPG" alt="Un'immagine della Pizzeria" /></a>
    <a href="gallery/5.jpg" rel="lightbox" style="float: left;"><img style="border:solid 1px #999999; float: left;"  src="/gallery/5a.JPG" alt="Un'immagine della Pizzeria" /></a>
    <a href="gallery/6.jpg" rel="lightbox" style="float: left;"><img style="border:solid 1px #999999; float: left;"  src="/gallery/6a.JPG" alt="Un'immagine della Pizzeria" /></a>
    
    Code (markup):
     
    giusbit, Dec 30, 2008 IP
  6. JWRmedia

    JWRmedia Banned

    Messages:
    499
    Likes Received:
    35
    Best Answers:
    0
    Trophy Points:
    0
    #6
    First, you need to put all that css stuff in a stylesheet instead of using and repeating it over and over and over again within your page.

    Second, try align:left instead of float:left
     
    JWRmedia, Dec 30, 2008 IP
  7. numeric303

    numeric303 Peon

    Messages:
    23
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    0
    #7
    The requested URL /chisiamo.php was not found on this server.
    better try creating a table if this page really exist
     
    numeric303, Jan 1, 2009 IP