Prev: centering an image
Next: how to use clear to float text around image in div next to floateddiv
From: Marcin on 9 Jan 2010 21:34
Hello everyone,

I'm have sit on the following code for two hours but I don't understand why
it dosen't work.

CSS part:

a.ofirmie-menu:link
{background-image:url('../images/header/ofirmie-link.gif'); width: 79px;
display: block; height: 35px;}
a.ofirmie-menu:hover
{background-image:url('../images/header/ofirmie-hover.gif'); width: 79px;
display: block; height: 35px;}


XHTML part:

<li><a href="<?php echo url_for('ofirmie/index') ?>"
class="ofirmie-menu"></a></li>

In FF pseudoclass link dosen't work, this browser can't see GIF file.


From: dorayme on 9 Jan 2010 22:23
In article <hibf17$3vv$1(a)nemesis.news.neostrada.pl>,
"Marcin" <marcin(a)nospam.pl> wrote:

> Hello everyone,
>
> I'm have sit on the following code for two hours but I don't understand why
> it dosen't work.
>
> CSS part:
>
> a.ofirmie-menu:link
> {background-image:url('../images/header/ofirmie-link.gif'); width: 79px;
> display: block; height: 35px;}
> a.ofirmie-menu:hover
> {background-image:url('../images/header/ofirmie-hover.gif'); width: 79px;
> display: block; height: 35px;}
>
>
> XHTML part:
>
> <li><a href="<?php echo url_for('ofirmie/index') ?>"
> class="ofirmie-menu"></a></li>
>
> In FF pseudoclass link dosen't work, this browser can't see GIF file.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Testimonials</title>
<style type="text/css" media="all">
a.ofirmie-menu:link
{background-image:url('../images/header/ofirmie-link.gif'); width: 79px;
display: block; height: 35px;}
a.ofirmie-menu:hover
{background-image:url('../images/header/ofirmie-hover.gif'); width:
79px;
display: block; height: 35px;}
</style>
</head>
<body>
<ul>
<li><a class="ofirmie-menu" href="ofirmie/index.html">A link</a></li>
</ul>
</body>
</html>

--
dorayme
From: rf on 9 Jan 2010 22:56

"dorayme" <doraymeRidThis(a)optusnet.com.au> wrote in message
news:doraymeRidThis-DEF238.14232110012010(a)news.albasani.net...
> In article <hibf17$3vv$1(a)nemesis.news.neostrada.pl>,
> "Marcin" <marcin(a)nospam.pl> wrote:
>
>> Hello everyone,
>>
>> I'm have sit on the following code for two hours but I don't understand
>> why
>> it dosen't work.
>>
>> CSS part:
>>
>> a.ofirmie-menu:link
>> {background-image:url('../images/header/ofirmie-link.gif'); width: 79px;
>> display: block; height: 35px;}
>> a.ofirmie-menu:hover
>> {background-image:url('../images/header/ofirmie-hover.gif'); width: 79px;
>> display: block; height: 35px;}
>>
>>
>> XHTML part:
>>
>> <li><a href="<?php echo url_for('ofirmie/index') ?>"
>> class="ofirmie-menu"></a></li>
>>
>> In FF pseudoclass link dosen't work, this browser can't see GIF file.
>
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> <meta http-equiv="content-type" content="text/html; charset=utf-8">
> <title>Testimonials</title>
> <style type="text/css" media="all">
> a.ofirmie-menu:link
> {background-image:url('../images/header/ofirmie-link.gif'); width: 79px;
> display: block; height: 35px;}
> a.ofirmie-menu:hover
> {background-image:url('../images/header/ofirmie-hover.gif'); width:
> 79px;
> display: block; height: 35px;}
> </style>
> </head>
> <body>
> <ul>
> <li><a class="ofirmie-menu" href="ofirmie/index.html">A link</a></li>
> </ul>
> </body>
> </html>

OK, I give up. Which part of *your* code is different to what the OP posted?
Except for eliminating that bit of PHP that is.


From: dorayme on 9 Jan 2010 23:25
In article <ydc2n.456$pv.39(a)news-server.bigpond.net.au>,
"rf" <rf(a)z.invalid> wrote:

> "dorayme" <doraymeRidThis(a)optusnet.com.au> wrote in message
> news:doraymeRidThis-DEF238.14232110012010(a)news.albasani.net...
> > In article <hibf17$3vv$1(a)nemesis.news.neostrada.pl>,
> > "Marcin" <marcin(a)nospam.pl> wrote:
> >
> >> Hello everyone,
> >>
> >> I'm have sit on the following code for two hours but I don't understand
> >> why
> >> it dosen't work.
> >>
> >> CSS part:
> >>
> >> a.ofirmie-menu:link
> >> {background-image:url('../images/header/ofirmie-link.gif'); width: 79px;
> >> display: block; height: 35px;}
> >> a.ofirmie-menu:hover
> >> {background-image:url('../images/header/ofirmie-hover.gif'); width: 79px;
> >> display: block; height: 35px;}
> >>
> >>
> >> XHTML part:
> >>
> >> <li><a href="<?php echo url_for('ofirmie/index') ?>"
> >> class="ofirmie-menu"></a></li>
> >>
> >> In FF pseudoclass link dosen't work, this browser can't see GIF file.
> >
> >
> >
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> > "http://www.w3.org/TR/html4/strict.dtd">
> > <html>
> > <head>
> > <meta http-equiv="content-type" content="text/html; charset=utf-8">
> > <title>Testimonials</title>
> > <style type="text/css" media="all">
> > a.ofirmie-menu:link
> > {background-image:url('../images/header/ofirmie-link.gif'); width: 79px;
> > display: block; height: 35px;}
> > a.ofirmie-menu:hover
> > {background-image:url('../images/header/ofirmie-hover.gif'); width:
> > 79px;
> > display: block; height: 35px;}
> > </style>
> > </head>
> > <body>
> > <ul>
> > <li><a class="ofirmie-menu" href="ofirmie/index.html">A link</a></li>
> > </ul>
> > </body>
> > </html>
>
> OK, I give up. Which part of *your* code is different to what the OP posted?
> Except for eliminating that bit of PHP that is.

Not much, it was in an effort to get more feedback and context, maybe
even a URL; without that, I, at any rate, might not be able to help. You
might guess better what his trouble is? My markup works to get the
background and hover when the appropriate images are available as
indicated.

--
dorayme
From: Roy A. on 10 Jan 2010 01:40
On 10 Jan, 03:34, "Marcin" <mar...(a)nospam.pl> wrote:
> Hello everyone,
>
> I'm have sit on the following  code for two hours but I don't understand why
> it dosen't work.
>
> CSS part:
>
> a.ofirmie-menu:link
> {background-image:url('../images/header/ofirmie-link.gif'); width: 79px;
> display: block; height: 35px;}
> a.ofirmie-menu:hover
> {background-image:url('../images/header/ofirmie-hover.gif'); width: 79px;
> display: block; height: 35px;}
>
> XHTML part:
>
> <li><a href="<?php echo url_for('ofirmie/index') ?>"
> class="ofirmie-menu"></a></li>
>
> In FF pseudoclass link dosen't work, this browser can't see GIF file.

Do you have any url to show us?
 |  Next  |  Last
Pages: 1 2
Prev: centering an image
Next: how to use clear to float text around image in div next to floateddiv