I recently applied a hover feature to set the button when applying on a different website, then coding correct was. When applied to this site, the link / hotspot goes to the next button. For example: I have a Home / About / Gallery / Blog / Print / Contact Button and you will think with the dimensions defined in the CSS style sheets that this link will apply only to those dimensions. Not a link / hotspot with this one, shows links from index.shtml on the other side of the Home button along the side of the table. There are spaces between the buttons but the link / hotspot goes up to 50% of the entire place until the next button does not hit the link / hotspot. And the last button extends to the opposite end of the "Contact" table. Any clues as to what I'm doing wrong?
CSS:
div.nav-home {margin-top: 10px; Margin-down: 0 pixels; Margin-left: 130px; Margin-right: -60px; Background-position: right top; Repeat Background: No Repetition; Width: 75px; Height: 64px; } # Home {background-image: url ('img / home.png'); } #home: hover {background-image: url ('img / home_hover.png'); } index.shtml:
& lt; Table width = "1213" height = "64" align = "center" background = "img / table bug 2.png" & gt; & Lt ;! - # include file = "menubuttons.html" - & gt; MenuButton Html:
& lt; Tr & gt; & Lt; Td align = "center" width = "75" & gt; & Lt; A href = "/ index.shtml" title = "home" & gt; & Lt; Div id = "home" class = "nav-home" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; / TD & gt; & Lt; Td align = "center" width = "86" & gt; & Lt; A href = "/ about.shtml" title = "ABOUT" & gt; & Lt; Div id = "about" class = "nav-about" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; / TD & gt; & Lt; Td align = "center" width = "94" & gt; & Lt; A href = "/ gallery.shtml" title = "gallery" & gt; & Lt; Div id = "gallery" class = "nav-gallery" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; / TD & gt; & Lt; Td align = "center" width = "63" & gt; & Lt; A href = "/ blog.shtml" title = "blog" & gt; & Lt; Div id = "blog" class = "nav-blog" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; / TD & gt; & Lt; Td align = "center" width = "85" & gt; & Lt; A href = "/ prints.shtml" title = "print" & gt; & Lt; Div id = "prints" class = "nav-prints" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; / TD & gt; & Lt; Td align = "center" width = "103" & gt; & Lt; A href = "/ contact.shtml" title = "contact" & gt; & Lt; Div id = "contact" class = "nav-contact" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; / TD & gt; & Lt; / TR & gt; Fixed: (probably not right?)
I have been given coding for just 2 months and it's a good idea to write it, but I I do not know, everything like DVI tags means I know I was searching here last night and I think I was putting div inside a TD.
I was able to fix everything just by adding some spacer. After the set of buttons and the last buttons it fixed my differences on the sides.
Thanks for the help. I'm just trying to find an easy way to change my button to hover. This method was the first time I had found here last night and now I am trying to correct it. At least in my head I have to do a little research on the unreserved list because I have heard that things make things easier ...
This is a link (based on the back end of the recently concluded site) www.blackmarkettattoos .com / amysesco / index.shtml
I think the problem is the fact that you are using the div, Is a container tag, both within the authority of the room, you apply a style (Diaivi as inline as in the classroom and TD).
Generally, it is better to create menus with lists, but if you should use the code provided by you, then try removing the width: 75px;
Comments
Post a Comment