DIV problem-Want rows of images with links directly below each image

ASP Free Forums Sponsor:

October 15th, 2005, 05:05 AM

raymondkwoods

Registered User

Join Date: Oct 2005

Location: California

Posts: 16

Time spent in forums: 5 h 54 m 3 sec
Reputation Power: 0

DIV problem-Want rows of images with links directly below each image

I have run into yet another problem that I could use some help with. I solved this once before by just using a table but I really don't like using tables unless I really have to (I think they're evil

). What I am trying to do is query a database table that contains information on video clips. That's no problem.

I would then like to display an image with a link to the clip centered directly beneath the image for each video clip that is returned by the query. I want 5 rows of images with 4 images per row. My php file currently sends the following to the browser for each video clip:

HTML Code:

Original - HTML Code
<span class="videoClip"> <div class="videoClipImage"> <a href="$clipPath"><img border="0" src="$clipImage" /></a> </div> <div class="videoClipTitle"> <a href="$clipPath">$clipLink</a> </div> </span>

<span class="videoClip">
   <div class="videoClipImage">
      <a href="$clipPath"><img border="0" src="$clipImage" /></a>
   </div>
   <div class="videoClipTitle">
      <a href="$clipPath">$clipLink</a>
   </div>
</span>

The problem is that I don't get 4 rows of images like I would like, only one big column. I can do it without the links but as soon as I try to center the links beneath the image I only get one long column instead of rows.

Any suggestions?

October 15th, 2005, 11:00 AM

elijathegold

Senior Fire Wizard

Join Date: Feb 2005

Location: Ashford, Kent. England

Posts: 5,651

Folding Points: 1709224 Folding Title: Super Ultimate Folder - Level 4

Time spent in forums: 2 Months 2 Weeks 2 Days 4 h 21 m 19 sec
Reputation Power: 301

Sounds like a perfect use of a table to me. It is after all tabular data.

Tables are not evil, but they can be used for great evil.

__________________
And he picked it all up... in his pick-up.

Friends of Shemzilla

October 17th, 2005, 02:20 PM

grdnwesl

Fuzzy but Ferocious User

Join Date: Apr 2004

Location: The Restaurant at the end of the Universe

Posts: 222

Time spent in forums: 2 Days 18 h 54 m 35 sec
Reputation Power: 13

I was wrong. Nver mind

Last edited by grdnwesl : October 17th, 2005 at 02:43 PM. Reason: I was incorrect.

November 7th, 2005, 11:18 PM

banker

Charging Rhino Wizard

Join Date: Dec 2004

Location: 127.0.0.1

Posts: 2,053

Time spent in forums: 5 Days 23 h 28 m 28 sec
Reputation Power: 36

<div> should not go inside of <span>! Bad, bad, bad!

__________________
ShepherdWeb :: Charging Rhino Wizard

I know of no more encouraging fact than the unquestionable ability of man to elevate his life by conscious endeavor.
{Henry David Thoreau}

§ shepherdweb.com
§ fariswheel productions
§ reagan administration

Viewing: ASP Free Forums > Web Design > Web Layout > DIV problem-Want rows of images with links directly below each image

« Previous Thread | Next Thread »

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump