Need Help, Menu Buttons Turn White,...

User 2812748 Photo


Registered User
9 posts

Hello,

let me start by saying I haven't done HTML in about 16 years. I've been asking everyone how to solve this problem but no one can.

I know my coding is terrible, but its the best I can do till my web class starts. so the website is: www.greenbotdynamics.com
There are w3c validation errors I'm looking to solve, but the main issue is when my vertical menu has its links clicked they turn white, and wont turn back to green. The green text does appear if hovered over though.

Any help would be appreciated.

-Patrick
User 271657 Photo


Ambassador
3,816 posts

It seems you've reversed the colors? I'm seeing white text links on a green background, and green on white at hover.
It all seems to be working fine.

:lol: That's some crusty old code... I hope you enjoy your web class, and there's always plenty of help around here if you need it. :)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2812748 Photo


Registered User
9 posts

I like your bender-balloon icon.

yes they shouldn't fail like the second pic. once clicking or hover is complete, they should go back to white text with green background.

Attachments:
User 271657 Photo


Ambassador
3,816 posts

I'm not seeing what you're seeing (Firefox, Chrome and IE11). But something is weird in Chrome; Most of the links are not clickable. I tried it on several pages (using Developer Tools to get to a list of links).

Have you tried refreshing your browser/s to see if the menu looks different?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2812748 Photo


Registered User
9 posts

I clear my history and cache and what not. but I just see those white rectangles come-up.

look at the "high voltage circuits" link and see what happens. ive changed some things.
User 271657 Photo


Ambassador
3,816 posts

So there's a black background around the menu. I liked the green/white better, the black is a bit harsh on top of the green
But now the links work in Chrome. Wonder what changed?

Maybe try an up to date Doctype and see if it works OK?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>My Fantastic Website</title>

I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2287960 Photo


Ambassador
580 posts

The only page with working links is Home page.

When you go to another page none of the links work.

Keith
User 2287960 Photo


Ambassador
580 posts

Works slightly better in FF does not like Chrome.

Keith

User 2812748 Photo


Registered User
9 posts

I'm changing the color of the links that's why black and others popped up. Also my


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>My Fantastic Website</title>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>GreenBOT Dynamics</title>

needs to be changed?
User 271657 Photo


Ambassador
3,816 posts

You could try setting the green image as a background image.

From around the interwebs :
(from 7 years ago) Just syntax-wise, when you use HTML5, you end up with cleaner, easier to read markup that always invokes standards mode. When you use XHTML 1.0 (served as text/html), you're specifying a bunch of crud (in order to validate against a crappy dtd) that the browser will do automatically.

Doctypes from earlier versions of HTML were longer because the HTML language was SGML-based and therefore required a reference to a DTD. With HTML5 this is no longer the case and the doctype is only needed to enable standards mode for documents written using the HTML syntax. Browsers already do this for <!DOCTYPE html>.

Might as well get up to speed before you start class – I would expect they'll be teaching the latest HTML(5)/CSS3 conventions and standards.
Anyway, <!DOCTYPE html> is backwards-compatable, so you can use newer elements (<video>, <nav>, etc.), while not having to worry about rushing to change old, deprecated stuff (<font>, <menu>, etc.).
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.