Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

:-( Spans & Divs...I think? 2

Status
Not open for further replies.
NKA

NKA

Programmer
Mar 20, 2002
76
NZ
Can anyone please help a complete novice when it comes to Spans and Divs - especially if it involves any sort of Javascript!!!

I would like to display images on a page (2 columns).
When the image is clicked, I would like a list of items to be displayed to the left of the image (each one being a link to a different page).

I have a sneaky feeling this involves using the dreaded Divs and Spans, but I haven't a clue where to start!

Oh, and I would like the list to disappear when another image is clicked - or when the focus has been lost.

Is there anyone out there who can wave a magic wand for me... (and make my headache go away?):-(

Thanks in advance NKA
 
Sort by date Sort by votes
NKA this isn't an easy thing to do for a complete novice.

Your best bet is:

Just copy and paste and edit to your delight. Just be aware of Browser compatability, check with as many as you can first.

Hope this helps. "Life is like a Ferrari, it goes to fast.
But that's ok, because you can't afford it anyway" - Jim Davis (Garfield)
 
Upvote 0 Downvote
How about something like this.

INDEX.HTM
<html>
<frameset cols=&quot;50%,50%&quot; frameborder=0>
<frame src=&quot;left.htm&quot; name=&quot;LEFT&quot; />
<frame src=&quot;right.htm&quot; name=&quot;RIGHT&quot; />
<noframe><body><h3><a href=&quot;right.htm&quot;>IMAGES</a></h3></body></noframe>
</frameset></html>

LEFT.HTM
<html><body><div align=center>
Click on an image
</div></body></html>

RIGHT.HTM
<html><body><div align=&quot;center&quot;>
<a target=&quot;LEFT&quot; href=&quot;text1.htm&quot;>
<img src=&quot;images/img1.jpg&quot; alt=&quot;Image 1&quot; />
</a><br /><br />
<a target=&quot;LEFT&quot; href=&quot;text2.htm&quot;>
<img src=&quot;images/img2.jpg&quot; alt=&quot;Image 2&quot; />
</a><br /><br />
</div></body></html>

TEXT1.HTM
<html><body><div align=center>
Text 1
</div></body></html>

TEXT2.HTM
<html><body><div align=center>
Text 2
</div></body></html>



 
Upvote 0 Downvote
Thank you both :-D

I will try both methods and see what I get - hopefully the right results!

Thanks again NKA
 
Upvote 0 Downvote
AndyApp...

Just wanted to say &quot;YOU ROCK&quot;!! Fantastic information!

:-D NKA
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

tyutghf
  • Locked
  • Question
Slanted divs
Replies
0
Views
595
tyutghf
tyutghf
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
754
spamjim
spamjim
scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
685
3esolar
3
PeDa
  • Locked
  • Question
Media query: display = none/inline/block 1
Replies
1
Views
696
PeDa
PeDa
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller

Part and Inventory Search

Sponsor

Back
Top