jonathonedney
-
Posts
3 -
Joined
-
Last visited
Never
jonathonedney's Achievements
Newbie (1/5)
0
Reputation
-
Hello everyone. I am currently running into a problem with some image rollover coding, that I can't seem to find the problem to. This is at the top of my page and I've just started it, so I will past the entire HTML below. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="table-main"> <tr> <td class="td-logo"><img src="images/logo.png" width="300" height="112"></td> <td class="td-navigation"><a href="index.html"><img src="images/btn_home.png" name="home" onMouseOver="document.images['home'].src='images/btn_home_roll.png'" onMouseOut="document.images['home'].src='images/btn_home.png'" width="145" height="48" /></a><a href="menus.html"><img src="images/btn_menus.png" name="menus" onMouseOver="document.images['menus'].src='images/btn_menus_roll.png'" onMouseOut="document.images['menus'].src='images/btn_menus.png'" width="145" height="48" /></a><a href="order.html"><img src="images/btn_order.png" name="order" onMouseOver="document.images['order'].src='images/btn_order_roll.png'" onMouseOut="document.images['order'].src='images/btn_order.png'" width="145" height="48" /></a><a href="reviews.html"><img src="images/btn_reviews.png" name="home" onMouseOver="document.images['reviews'].src='images/btn_reviews_roll.png'" onMouseOut="document.images['reviews'].src='images/btn_reviews.png'" width="145" height="48" /></a><a href="about.html"><img src="images/btn_about.png" name="about" onMouseOver="document.images['about'].src='images/btn_about_roll.png'" onMouseOut="document.images['about'].src='images/btn_about.png'" width="145" height="48" /></a><a href="locate.html"><img src="images/btn_locate.png" name="home" onMouseOver="document.images['locate'].src='images/btn_locate_roll.png'" onMouseOut="document.images['locate'].src='images/btn_locate.png'" width="145" height="48" /></a></td> </tr> </table> </body> </html> http://www.jonedney.me/projects/restaurant/index.html This is supposed to activate an alternate image based on passing your mouse over the image. Unfortunately, as you can see from the live page, it don't work for all of the images. I have confirmed the coding to be correct (as correct as I can see), and all of the images are present on the server and in the proper locations, just can't get them all to function properly. If anyone is able to take a look at this and shed some insight, I would greatly appreciate it.
-
hackalive, I would assume setting top and bottom margin values of auto would correct this, but I can't be certain. I found this article, maybe it will help you. http://blog.themeforest.net/tutorials/vertical-centering-with-css/
-
arbitter, Consider putting your <form> tags outside of the <table> tags, see how that looks. I've run into this problem before, and that has helped.
-
Welcome new user. The best thing I look forward to in these forums, is when I am in a position to help others. Look forward to helping you in the future.
-
Welcome NOT Mr. Ed! Very promising to see you at 63 still engaging to learn. I hope I can say the same at that time. Look forward to reading your posts.
-
Welcome aboard, Huntey. I just recently joined the forums also. Look forward to conversing with you.
-
Philip, Thank you for pointing me in the right direction!
-
Hello All, Name is Jon, and I've joined the PHP Freaks forums to start getting familiar with the community. I've been doing HTML web design as a hobby for many years, and have now decided to pursue it seriously, and get my Bachelor Degree in Web Design & Development. My goal is to make PHP/MySQL development the one thing I want to call my specialty. If anyone has any good books, or online resources to use as a learning tool or "study guide" to PHP, I'd love to hear everyone's suggestions. Look forward to getting active within the forum community.