How to make a specific photo on a page do a vertical flip

[imported_Rampage]

Here is the code to make a photo do a vertical flip, but how do you make it so it only affects one photo on the page?

<style type="text/css">img { filter: FlipV; }<br />
a:link img { filter: none; }<br />
a:hover img { filter: FlipV; }</style><br />

 

[imported_Rampage]

heres where im at now

<style type="text/css">
a:link img { filter: none; }<br />
a:hover img=http://myspace-054.vo.llnwd.net/00295/45/05/295165054_m.jpg { filter: FlipH; } </style><br />


but its not working, nothing is flipping.
if i use

<style type="text/css">
a:link img { filter: none; }<br />
a:hover img { filter: FlipH; } </style><br />

all the images on the page flip, but i just want one too.

 

[kamper]

Give the image you want to affect a class name:
<img href="..." class="flipme"/>

Do your css to the class instead of the element:
a:hover .flipme { fil... }

Edit: and I'm pretty sure that <br/> is not valid inside <style/>

 

[imported_Rampage]

I put in this

<img href="http://myspace-054.vo.llnwd.net/00295/45/05/295165054_m.jpg" class="flipme"/>
<style>a:hover .flipme {http://myspace-054.vo.llnwd.net/00295/45/05/295165054_m.jpg} </style>

and after submitting the change it turned it into this

..
a:hover .flipme {http://myspace-054.vo.llnwd.net/00295/45/05/295165054_m.jpg} </style>

Turned my class declaration into two dots.

?

BTW, what kind of language is this? DHTML or something?

 

[xtknight]

What's going on here? What software are you using to edit the page? I see a ton of syntax errors in all of the code.

This should do it. No external CSS declarations required. This is proper XHTML AFAIK:

 

[imported_Rampage]

its myspace.

it says i can use DHTML or CSS ?

 

[imported_Rampage]

Originally posted by: xtknight
What's going on here? What software are you using to edit the page? I see a ton of syntax errors in all of the code.

This should do it. No external CSS declarations required. This is proper XHTML AFAIK:

I tried your suggestion and it didnt work.

I tried this as well, and it didnt give me the two dots but didnt work either.


<style type="text/css"> a:hover http://myspace-054.vo.llnwd.net/00295/45/05/295165054_m.jpg{filter:fliph;} </style>

Yeesh, Im a mess!

 

[xtknight]

Well it definitely should have unless I've totally lost my mind with CSS. I suspect something else is screwing it up. Can you post the source of it? (No harm, because you can also look at the source via a URL.) I'd be glad to help you with it.

 

[imported_Rampage]

Thanks alot man.. this is the source/page
[pm'd for privacy]

I've been building a website for my department at work (believe it or not.. ) and trying to figure out DHTML pop-out menus for that.
I studied VB6 at a local college about 5 years ago and have downloaded VB8/2005 beta2, because they want me to take over the programming work at work. :frown:
I am kind of a jack of all trades, but I already have a job at work!


Thanks for the offer of help.. its really appreciated. :thumbsup:
Its not this stupid myspace page that really needs it (its not really that important), but I just enjoy trying to figure this stuff out, it will bleed over into other (more important) areas like work.

The pic I'm trying to horizontally flip is my pic on the left.

 

[xtknight]

I know vb6 inside out and have used vb8/2005 enough as well.. I don't do HTML/CSS every day but I can generally find problems/errors in it. If you have HTML tidy run through it (and even with the 'fix' option) it should put out something workable. You could just flip it with Photoshop or other software if you weren't aware but I assume you just wanted to learn some CSS. You'll want to do HFlip instead of VFlip if it's horizontal. I don't even know if that's a CSS option or not though, I'm not having much luck Googling it.

Speaking of vb6 and tidy, ironically enough I made a VB6 notepad program to interface with a C++ tidy dll (with XHTML check and fix options) and made a webpage using that program. It might still have bugs because I never bothered to finish it so I wouldn't send it to anyone unless they knew that.

 

[ShadowBlade]

solution: dont use myspace
(see my link in sig)

 

[imported_Rampage]

Originally posted by: ShadowBlade
solution: dont use myspace
(see my link in sig)

you mustve lost your gf or bf to someone else thru myspace or something

its actually a good place to blog like i do, host pics.. catch up with old high school or college buddys... i enjoy it.

 

[kamper]

Originally posted by: southpawuni
I put in this

<img href="http://myspace-054.vo.llnwd.net/00295/45/05/295165054_m.jpg" class="flipme"/>
<style>a:hover .flipme {http://myspace-054.vo.llnwd.net/00295/45/05/295165054_m.jpg} </style>

and after submitting the change it turned it into this

..
a:hover .flipme {http://myspace-054.vo.llnwd.net/00295/45/05/295165054_m.jpg} </style>

Turned my class declaration into two dots.

?

BTW, what kind of language is this? DHTML or something?

You're getting closer Perhaps I shouldn't have ...'ed out parts of it. Here's exactly what I meant last time:

<img href="http://myspace-054.vo.llnwd.net/00295/45/05/295165054_m.jpg" class="flipme"/>

<style>a:hover .flipme { filter: FlipH; } </style>

And, of course, for this to work, your <img/> would have to be inside an <a/> tag.