CSS Menu designer - border missing

User 2111579 Photo


Registered User
2 posts

Hi there,

I've created a menu with the CSS menu builder. It is the a vertical menu on the left side of my page. The problem I'm having is that the left border isn't showing up. Any suggestions?

Thanks,
Beth Thompson
http://www.homegrowndecatur.com/v3home.html
User 187934 Photo


Senior Advisor
20,271 posts

You need to add a border left in your css.:)
border-left: 2px solid #333300;

You also have some stray code in the upper left.
link="#330000">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2111579 Photo


Registered User
2 posts

Maybe I'm not clear which css file. I've tried adding it to the menu-menu.css file here:
.Menu-menu a {
border-right:1px solid #333300;
border-top:1px solid #333300;
border-bottom:1px solid #333300;
border-left: 2px solid #333300
padding:8px 20px;
text-decoration:none;
}

It's not working, though.
User 2147626 Photo


Ambassador
2,958 posts

Hi, I'm not really a coder but I thought I'd jump in anyway... I looked at your page and Eric had mentioned 'stray code' before.

At line 48 in your code, in the <body> I see this...

<!--Header-->
link="#330000"><body vlink="#663300">
<div align="center">
<div class="container1">

<div class="container4">
<div class="container2"></div>
<div class="container3"></div>
<div class="container">
<b><p1>HomeGrown is a cooperative-style artist's market providing local artists, artisans and craftspeople and place to show, sell and demonstrate their work.</p1></b>
</div>
</div>
<!--End Header-->

Before the link="#330000"><body vlink="#663300"> you are missing a <

You might try checking the code you inserted for this. Make sure it belongs in the <body> and not the <head> Then double check that ALL the code got entered, including the beginning <
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 187934 Photo


Senior Advisor
20,271 posts

About line 48.:)
.Menu-menu a {
border-left: 2px solid #333300;
display: block;
position: relative;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.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.