Prev: centering an image
Next: how to use clear to float text around image in div next to floateddiv
From: Jukka K. Korpela on 10 Jan 2010 02:45
Marcin wrote:

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

You should have spent a few seconds thereof to upload your document onto a
World Wide Web server so that you can post a URL.

And you didn't define "work", i.e. what you expected to happen.

> 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;}

We can immediately see some problems: setting dimensions in pixels and
setting background image without setting background and content color.

We cannot know what you regard as problem, though.

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

It's not an XHTML part. It's part of your PHP file, from which a server
generates an XHTML file that it sends to browsers. But we can immediately
see that there is something horribly wrong: the link element has empty
content. How is it expected to be used as a link? Only the best of us know
how to click on something empty.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

From: Marcin on 10 Jan 2010 14:00
Hello everyone,


I check an example which put in "@dorayme". It works fine. I use Symfony and
there it dosen't work still, so I wrote code slightly different (without
pseudoclass link):

a.ofirmie-menu {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;}

Now it works.

Thanks a lot, your advises was very useful.


First  |  Prev  | 
Pages: 1 2
Prev: centering an image
Next: how to use clear to float text around image in div next to floateddiv