How would people suggest if I have a menu with an image on top and text
underneath and I want both the text and the image as a link
I'm thinking of making them link items and use css to move the image on
top of the text. Does that sound semantically correct.
lia href=#img
Try style=background:url(images/home.png) no-repeat top left; width:
imagewidthpx; height: imageheightpx; for the first a.
I'd probably do something like this:
lia href=# id=home-linkHome/a/li
Then in CSS:
#home-link {
background: url(images/home.png) no-repeat top left;
width: WIDTHpx;
Or you could:
style type=text/css
/*
-
I'm assuming you've already reset the
padding and margins on all elements involved
-*/
ul#nav li {
background: url(my-image.jpg) no-repeat;
}
ul#nav li a {
Have you got an example of what your wanting to achieve?
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 28 August 2008 19:52
To: wsg@webstandardsgroup.org
Subject: [WSG] how to use images and text in a menue
How would people
I've been using the background image idea.
#home {
background:url(../images/Home.png) no-repeat top left;
display: block;
width: 34px;
height: 75px;
overflow: hidden;
padding-top: 75px;
}
I've seen other people say to use display block and that works better.
My xhtml is
Actually my last fix caused another problem. My image isn't a link to click
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
Michael Horowitz wrote:
I've been using the background image idea.
#home {
background:url(../images/Home.png) no-repeat top
On Aug 28, 2008, at 1:40 PM, Michael Horowitz wrote:
lia href=# id=homeHOME/a/li
Hi Michael, the above ones should works and I find it easier than
having the ID place in li
Here is a quick example
ul
lia href=# id=m1Home 1/a/li
lia href=# id=m2Home 1/a/li
lia href=#