Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Website Design Forum


You are currently viewing our Website Design Forum as a guest. Please register to participate.
Login



Freelance Jobs

Reply
positioning photos on a page
Old 02-24-2008, 01:44 PM positioning photos on a page
missingtime's Avatar
Skilled Talker

Posts: 83
Location: Athens, Greece
Trades: 0
This may seem like a silly question. However, I'm a beginner. Here's what I need to do:

I need to place about 8 photos on a page. Each photo will have a one line caption underneath.

I want, let's say, 4 rows of 2 photos next to each other. What's the best way to do this if I don't want to use a table?

Could I create two div tags next to each other and place the 4 photos in each one? I suppose I could do that...but is it the best way to do what I want?

It seems like such a simple issue...but it has me wondering about the best method.
missingtime is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 02-24-2008, 02:04 PM Re: positioning photos on a page
ForrestCroce's Avatar
Half Man, Half Amazing

Posts: 3,023
Name: Forrest Croce
Location: Seattle, WA
Trades: 0
I used floating divs to hold an image and text underneath. Have a look. I moved away from a table because it forces something like what you described; a set number of rows and columns. You'll need to clear the float to break onto a new line.
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
ForrestCroce is offline
Reply With Quote
View Public Profile Visit ForrestCroce's homepage!
 
Old 02-24-2008, 03:16 PM Re: positioning photos on a page
missingtime's Avatar
Skilled Talker

Posts: 83
Location: Athens, Greece
Trades: 0
What about using an AP div for each photo/caption pair? Does that make sense?
missingtime is offline
Reply With Quote
View Public Profile
 
Old 02-24-2008, 04:04 PM Re: positioning photos on a page
serandfae's Avatar
Do the "Evil Nanner" !!!

Posts: 9,007
Name: Tim Daily
Location: Apex, NC, US, Sol 3
Trades: 0
Yes, you can do it that way. If you check out the child pages of my site (click my sig) you'll see that the pics are arranged in their own respective divs using the CSS table-cell attribute, with conditional comments to correct for IE's lack of support for them. Though it's more coding, you might want to try making the pic and link separate <a> tags, breaking after the image, to make sure the caption is centered under the pic. Check out Forrest's home page, http://forrestcroce.com, for an example of this, in the new pics section of the code.
__________________
SEO "experts" smell like Big Fish_|_
Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

serandfae is offline
Reply With Quote
View Public Profile Visit serandfae's homepage!
 
Old 02-24-2008, 04:43 PM Re: positioning photos on a page
Super Moderator

Posts: 1,584
Location: Kokkola, Finland
Trades: 1
hey forest crocce your links from the images on this page http://forrestcroce.com/ are all broken! 404 not found
davemies is offline
Reply With Quote
View Public Profile Visit davemies's homepage!
 
Old 02-24-2008, 05:06 PM Re: positioning photos on a page
serandfae's Avatar
Do the "Evil Nanner" !!!

Posts: 9,007
Name: Tim Daily
Location: Apex, NC, US, Sol 3
Trades: 0
Huh, so they are. They're still linked to *. It's still under construction, so bear with us. The method for positioning the pics still holds, though. Keep watching that site, 'cause you'll be seeing ways to do layouts that are more like the tried and true methods of print design, drawing the eye to the content. I wish more web designers would break away from rows of boxes, and use CSS to its full potential.
__________________
SEO "experts" smell like Big Fish_|_
Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

serandfae is offline
Reply With Quote
View Public Profile Visit serandfae's homepage!
 
Old 02-25-2008, 05:05 PM Re: positioning photos on a page
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
You could also use a definition list for something like this.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to positioning photos on a page
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.26855 seconds with 12 queries