Need a little CSS Help - $10

Discussion in 'HTML & Website Design' started by GeorgeB., May 12, 2008.

  1. #1
    Ok I just want to list about 6 or 8 thumbnails on my homepage of recently uploaded images.

    You can see on my site I completely jacked it up because I have no clue what I'm doing (NSFW!!).

    Anyone got a second to help? I just want a nice clean looking latest images section where can easily use some php to call 6 or 8 thumbnails to display on the home page.

    $10 to anyone that can help :help:
     
    GeorgeB., May 12, 2008 IP
  2. blognol

    blognol Peon

    Messages:
    87
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi , Please look your private message i have send you the solution.
     
    blognol, May 12, 2008 IP
  3. GeorgeB.

    GeorgeB. Notable Member

    Messages:
    5,695
    Likes Received:
    288
    Best Answers:
    0
    Trophy Points:
    280
    #3
    Unfortunately that didn't work :)

    OK this is now $20

    I need someone to design me a nice little CSS image gallery I can embed in the page on my homepage to the right of the upload box. It should say Latest User Images and show 2 rows of 3 thumbnails "about" the size of these http://ximghost.com/gallery.php (if it will fit :))

    I will give you FTP access to place it.

    Please PM me ASAP. The last guy wasted 4 days and did nothing :(
     
    GeorgeB., May 15, 2008 IP
  4. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #4
    You'd need to use a server side language to get the recently uploaded thumbnails from a database for a gallery like that.

    I could write a php script to do it if you want, for $25. Have it done by tomorow at the latest.
     
    twistedspikes, May 15, 2008 IP
  5. GeorgeB.

    GeorgeB. Notable Member

    Messages:
    5,695
    Likes Received:
    288
    Best Answers:
    0
    Trophy Points:
    280
    #5
    This is back open AGAIN.

    Please show me a proof mockup that you can do this BEFORE you say you can do it.

    2 designers claimed they could and couldn't. Apparently you have to be fairly good at CSS to get this to work and NOT a novice.

    Still paying $25 for this.
     
    GeorgeB., May 17, 2008 IP
  6. neil patrick harris

    neil patrick harris Peon

    Messages:
    288
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I can do the nice css gallery but I wouldnt know how to grab the most recently uploaded pics. You would probably need some mysql work for that.
     
    neil patrick harris, May 17, 2008 IP
  7. GeorgeB.

    GeorgeB. Notable Member

    Messages:
    5,695
    Likes Received:
    288
    Best Answers:
    0
    Trophy Points:
    280
    #7
    That's fine thats all I need.

    I can do the mysql coding myself.

    Please PM me with your MSN contact info.
     
    GeorgeB., May 17, 2008 IP
  8. blueparukia

    blueparukia Well-Known Member

    Messages:
    1,564
    Likes Received:
    71
    Best Answers:
    7
    Trophy Points:
    160
    #8
    This is an occassion where it is suitable to use tables, since you are displaying tabular data. It'd be no more than 20 minutes of work for the HTML, and would use less code than if you were to use divs.
     
    blueparukia, May 17, 2008 IP
  9. toycat

    toycat Well-Known Member

    Messages:
    2,304
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    150
    #9
    Shouldn't this thread be in services?
     
    toycat, May 18, 2008 IP
  10. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #10
    What's wrong with doing something like this:

    CSS:
    
    #imgs {
    float: right;
    width: 480px; /*  = 3 X Thumb Width if showing 6, or 4 x Thumb Width if showing 8*/
    font-size: 16px; 
    }
    #imgs img {
    width: 160px; /* Width Of Thumbnail */
    height: 140px; /* Height Of Thumbnail */
    float: left;
    }
    
    Code (markup):
    XHTML:
    
    <div id="imgs">
    Latest User Images
    <img src="1.jpg" alt="desc" />
    <img src="2.jpg" alt="desc" />
    <img src="3.jpg" alt="desc" />
    <img src="4.jpg" alt="desc" />
    <img src="5.jpg" alt="desc" />
    <img src="6.jpg" alt="desc" />
    </div>
    
    Code (markup):
    It only uses one DIV no tables.
    If you want to show 8 thumbnails on 2 rows change #imgs width to 640px
    If you want to show 6 thumbnails on 2 rows change #imgs width to 480px (already set to this)

    You can obviously edit the height and width of the thumbnail displayed and add a gap, border, hover border if you want all from the CSS. You can also easily edit the "Latest User Images" text, inc. colour alignment, font-size, font-style, font-family. You never specified any of these but they can all be easily modified dependant on how you want to style it.

    The only thing you need to do is call the latest 6/8 images using PHP or whatever you are using inside the XHTML.
     
    wd_2k6, May 18, 2008 IP