Image Swap Menu: CSS Conflict on my page?

[Sunrise]

Hello,

Thanks for reading.

I’ve implemented a nice swap menu effect on a page and face a display trouble of the headings (h2 and h3).

Here’s the working version (CSS files are page specific, which is only a temporary solution but that’s the only version that works!)

and the version that causes troubles (Single CSS File for the website and CSS file for the ImageSwapMenu).

If you have any idea about the cause of this strange behaviour…

Thanks!

[seb_z_lite]

Salut, what I did to fix it is: I put “display:block” on the anchor that surrounds the text and contrived it with a width. Then, I put text-align:right on the div that contains everything and did “float:right” on the h2 or h3. There’s probably a better way to do it but It worked.

[seb_z_lite]

no actually , It’s “text-align:left”. You probably know all that since you built the site. Just trying to help.NIce site by the way, splendide!

[michelm]

nice and clean. good job.

[Sunrise]

@seb_z_lite

Thanks a lot for your involvement and for the nice ideas!

With your help, I found out that a

float:left;

placed in the div.ISM h2 (h3) seems to be the winning card!

furthermore, thanks both of you for your kind words about my site ;)

Cheers!

[Author]

Posts