Re: [css-d] css, in place of javascript

[karla pringle]

thank you so much that is perfect, i'll give it a go!

On 08/03/2009, at 10:47 PM, Daniel Navarro wrote:

> Hi,
>
> Here is a simple example that works in IE6, but I don't know why!
> http://webpelon.net78.net/css-d/2009-mes03-08-img_and_text_rollover_without_javascript/
> (styles in same url /styles.css)
>
> This rule is needed or It doesn't work in IE6, ¿why?
> a:hover {
>   border: none;
> }
>
> Thanks
>
>
>
>
> 2009/3/7 karla pringle 
> Hello,
> I am rebuilding a very basic image gallery, (and apologies there is a
> table in it)
> But that was not my problem.(yes, it should be)
> But...
> I was wondering if there was a way using css to create what used to be
> added using javascript and images.
> I would like to have an image file with text underneath, and when the
> image is moused over, the text below highlights as well as a border
> being created around the image. I used to use swap image restore and
> attach the behaviour to the text image file.
> Is there are way to do this with css?
> I hope this makes sense.
> thanks very much in advance,
> here is a link to a test page,
> http://www.niagara-galleries.com.au/artists/imagno.html
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css, in place of javascript

[karla pringle]

that is marvellous, thank you very much!
Karla
On 08/03/2009, at 12:56 AM, Gunlaug Sørtun wrote:

> karla pringle wrote:
>
>> What I really wanted to know was, Is there a way to rollover an image
>> and have text elsewhere on the page apply a hover attribute.
>
> An image, no...
>
>> for example I mouse over an image on the page and the text below is
>> highlighted.
>
> ...but it can be simulated visually by placing both image and a
> text-carrying element in a parent-element in the markup - a link for
> instance, and reposition the text-carrying element so it appears  
> outside
> that parent-element. The text can then appear anywhere on a page,
> depending on how one define positioning-relationship.
>
> Such methods are widely used to create CSS pop-ups of all kinds, but
> it'll work just as well for stable-positioned elements that change
> visually when one hovers over their parent-element.
>
> Try the "1 link" example (third one) on this test-page...
>
> 
>
> (Notes on that test-page are not updated for the latest finds across
> browser-land.)
>
> regards
>   Georg
> -- 
> http://www.gunlaug.no
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css, in place of javascript

[Bob Rosenberg]

At 00:29 +1100 on 03/08/2009, karla pringle wrote about Re: [css-d] 
css, in place of javascript:

>Is there a way to rollover an image and have text elsewhere on the 
>page apply a hover attribute.
>for example I mouse over an image on the page and the text below is
>highlighted.

How about:

Text>

and doing the CSS hover to point at X?
-- 

Bob Rosenberg
RockMUG Webmaster
webmas...@rockmug.org
www.RockMUG.org
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css, in place of javascript

[Gunlaug Sørtun]

karla pringle wrote:

> What I really wanted to know was, Is there a way to rollover an image
>  and have text elsewhere on the page apply a hover attribute.

An image, no...

> for example I mouse over an image on the page and the text below is 
> highlighted.

...but it can be simulated visually by placing both image and a
text-carrying element in a parent-element in the markup - a link for
instance, and reposition the text-carrying element so it appears outside
that parent-element. The text can then appear anywhere on a page,
depending on how one define positioning-relationship.

Such methods are widely used to create CSS pop-ups of all kinds, but
it'll work just as well for stable-positioned elements that change
visually when one hovers over their parent-element.

Try the "1 link" example (third one) on this test-page...



(Notes on that test-page are not updated for the latest finds across
browser-land.)

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css, in place of javascript

[karla pringle]

HI
Thanks for this, although the layout of the gallery isn't the problem,  
I"m using tables for another purpose.
What I really wanted to know was,
Is there a way to rollover an image and have text elsewhere on the  
page apply a hover attribute.
for example I mouse over an image on the page and the text below is  
highlighted.
Thanks very much,



On 07/03/2009, at 10:00 PM, David Laakso wrote:

> karla pringle wrote:
>> Hello,
>> I am rebuilding a very basic image gallery,
>> http://www.niagara-galleries.com.au/artists/imagno.html
>>
>>
>
> Some links you may find helpful?
>   
> >
> 
> 
>
>
> -- 
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.com/
>
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Hello,
I am rebuilding a very basic image gallery, (and apologies there is a  
table in it)
But that was not my problem.(yes, it should be)
But...
I was wondering if there was a way using css to create what used to be  
added using javascript and images.
I would like to have an image file with text underneath, and when the  
image is moused over, the text below highlights as well as a border  
being created around the image. I used to use swap image restore and  
attach the behaviour to the text image file.
Is there are way to do this with css?
I hope this makes sense.
thanks very much in advance,
here is a link to a test page,
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css, in place of javascript

[David Laakso]

karla pringle wrote:
> Hello,
> I am rebuilding a very basic image gallery,
> http://www.niagara-galleries.com.au/artists/imagno.html
>
>   

Some links you may find helpful?





-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] css, in place of javascript

[karla pringle]

Hello,
I am rebuilding a very basic image gallery, (and apologies there is a  
table in it)
But that was not my problem.(yes, it should be)
But...
I was wondering if there was a way using css to create what used to be  
added using javascript and images.
I would like to have an image file with text underneath, and when the  
image is moused over, the text below highlights as well as a border  
being created around the image. I used to use swap image restore and  
attach the behaviour to the text image file.
Is there are way to do this with css?
I hope this makes sense.
thanks very much in advance,
here is a link to a test page,
http://www.niagara-galleries.com.au/artists/imagno.html
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/