CSS & images question

[Paul Goodwin]

I'm building a "gallery" page for a group I belong to. What I'd like to do
is have a list of user names on the left, when the surfer clicks on a name
the corresponding image & brief description appears on the right. Can anyone
point me to a tutorial or resource that would show me how to do this with
just CSS?

Thanks

Paul

 

[Paul Goodwin]

I'm building a "gallery" page for a group I belong to. What I'd like to do
is have a list of user names on the left, when the surfer clicks on a name
the corresponding image & brief description appears on the right. Can anyone
point me to a tutorial or resource that would show me how to do this with
just CSS?

I gather what I'm looking for can't be done using CSS?

Bummer, I was hoping to avoid 30-odd separate pages of old fashioned HTML
;-)

 

[Nico Schuyt]

Paul Goodwin wrote

I gather what I'm looking for can't be done using CSS?
Bummer, I was hoping to avoid 30-odd separate pages of old fashioned
HTML ;-)

Well, not specifically with CSS.
If your host support PHP you can make links with picture and description as
variables.
Something like
<div style="float: left; width: 40%">
<p><a href="index.php?pict=paul.jpg&desc=Our website
builder<br>Xxxxxx<br>Yyyyy">Paul Goodwin</a></p>
<p><a href="index.php?pict=john.jpg&desc=Chairman">John Doe</a></p>
</div>
<div style="float: left; width: 40%">
(coding for picture an description)
</div>
Result is a different picture and description on the same page (index.php),
depending on the link that is activated.

Alternative is a framed page. Name and description left. Picture is shown
right, depending on pressing a link.
Regards, Nico

 

[Allen]

Hello Paul,

Sunday, September 7, 2003, 7:19:42 PM, you wrote:



PG> I gather what I'm looking for can't be done using CSS?

PG> Bummer, I was hoping to avoid 30-odd separate pages of old fashioned HTML
PG> ;-)

Actually, I believe you should be able to do some thing very similar
to what you wish to do using the technique outlined on this page:
http://www.meyerweb.com/eric/css/edge/popups/demo2.html

You may have to modify it, a bit, but the idea is good; might give you
some where to start from, at the very least. Good luck...

 

[Mark Parnell]

Well, not specifically with CSS.
If your host support PHP

<snip>

....you can do something like brucie's butterflies:

http://usenet.alt-html.org/brucies/butterflies

(which he seems to have taken down :-( )

 

[Mark Parnell]

Brucies Butterflies,
shame he took it down, it was nothing short of stunning as an example
of the graphical possibilities of CSS.

Yes, I wish I'd saved the code before he took it down. Anyone else smart
enough to save it feel like posting a link to it?

 

[brucie]

I'm building a "gallery" page for a group I belong to. What I'd like to do
is have a list of user names on the left, when the surfer clicks on a name
the corresponding image & brief description appears on the right.

http://usenet.alt-html.org/brucies/butterflies
http://usenet.alt-html.org/brucies/balls

 

[Adrienne]

Gazing into my crystal ball I observed brucie

http://usenet.alt-html.org/brucies/butterflies
http://usenet.alt-html.org/brucies/balls

Thank you, thank you, thank you! BTW, I love your balls.

 

[Mark Parnell]

Thank you, thank you, thank you! BTW, I love your balls.

Let's not go there. Please.

 

[Mark Parnell]

http://usenet.alt-html.org/brucies/butterflies
http://usenet.alt-html.org/brucies/balls

brucie's back!

And so are his butterflies! Oh happy day!

 

[andy johnson]

Gazing into my crystal ball I observed brucie


Thank you, thank you, thank you! BTW, I love your balls.

BWAAAHAAAA!!!!! ROTFLMAO!!!
-
Andy

"There would be a lot more civility in this world if people
didn't take that as an invitation to walk all over you"
- (Calvin and Hobbes)

 

[Adrienne]

Let's not go there. Please.

I'm sorry, I just couldn't help myself.

 

[Mark Parnell]

I'm sorry, I just couldn't help myself.

I understand.

Just quietly, they are very nice. ;-)

 

[Isofarro]

Let's not go there. Please.

And nuts... don't mention his nuts.