I am working on a site currently. I have a logo at the top where the link buttons come off of. It is similar to my friends band site <!-- w --><a class="postlink" href="http://www.18wheelsband.com">www.18wheelsband.com</a><!-- w -->, with the truck logo and the link buttons off the bottom. The buttons have some of the logo incorporated as the background. My friends site uses tables to align the button images on the page as you can see with the source. Is there a way to do this easier and better with CSS? Or tables for that matter. I am looking for the best way to format the page. Thanks for any comments ahead of time!Everyone should really look at the code I speak of at 18wheelsband.com. Is that
"bad" coding? I know, it get's the job done. I am just looking for the cleanest markup possible.You can use imagemaps. It's quite simple...
<!-- m --><a class="postlink" href="http://hoohoo.ncsa.uiuc.edu/docs/tutorials/imagemapping.html">http://hoohoo.ncsa.uiuc.edu/docs/tutori ... pping.html</a><!-- m -->
This is if you want to use a separate file for your imagemap settings.
If you want to have it in the same html file, do the following:
1. Modify the img tag: <img src=http://www.webdeveloper.com/forum/archive/index.php/"..." alt="..." usemap="#mapname" />
2. Put this at the end of the page (doesn't really matter where you put it):
<map name="mapname">
<area shape="..." coords="..." href=http://www.webdeveloper.com/forum/archive/index.php/"...">
...
</map>
You should understand the meaning of shape and coords by reading that page. I doubt anyone doesn't know what href is.
Hope I was helpful.I forgot to mention that I wanted to use some built-in javascript handlers like "onMouseOver" and "onMouseOut". Will those work with an image map?I think it does. Let me check something, I thought I was something like that.take a look at this site, maybe it helps.
(found it in the reviews area)
<!-- m --><a class="postlink" href="http://www.education-destination.co.uk/">http://www.education-destination.co.uk/</a><!-- m -->
"bad" coding? I know, it get's the job done. I am just looking for the cleanest markup possible.You can use imagemaps. It's quite simple...
<!-- m --><a class="postlink" href="http://hoohoo.ncsa.uiuc.edu/docs/tutorials/imagemapping.html">http://hoohoo.ncsa.uiuc.edu/docs/tutori ... pping.html</a><!-- m -->
This is if you want to use a separate file for your imagemap settings.
If you want to have it in the same html file, do the following:
1. Modify the img tag: <img src=http://www.webdeveloper.com/forum/archive/index.php/"..." alt="..." usemap="#mapname" />
2. Put this at the end of the page (doesn't really matter where you put it):
<map name="mapname">
<area shape="..." coords="..." href=http://www.webdeveloper.com/forum/archive/index.php/"...">
...
</map>
You should understand the meaning of shape and coords by reading that page. I doubt anyone doesn't know what href is.
Hope I was helpful.I forgot to mention that I wanted to use some built-in javascript handlers like "onMouseOver" and "onMouseOut". Will those work with an image map?I think it does. Let me check something, I thought I was something like that.take a look at this site, maybe it helps.
(found it in the reviews area)
<!-- m --><a class="postlink" href="http://www.education-destination.co.uk/">http://www.education-destination.co.uk/</a><!-- m -->