1 reply [Last post]
KateMac
KateMac's picture
Offline
newbie
Last seen: 6 weeks 1 day ago
Timezone: GMT-2.5
Joined: 2020-05-15
Posts: 1
Points: 2

HI

As you can tell I'm a newbie.
I have written a simple css menu and I can't figure out how to bring the items
closer together. So my meny isn't so long.

#sub-navigation3
{
        background-color:  rgba(35, 88, 132, 1) !important;
        border-radius: 16px;
	margin:  0px;
	padding: 0px;
	width: 100%;
}
 
#sub-navigation3 ul
{
        background: transparent !important;
        list-style-type: none;
        margin-left: 25px;
        padding: 0px;
	width: 100%;
}
 
#side-navigation3 li 
{
      color: whitesmoke;
      margin: 0px;
      padding: 0px;
      font-family: Arial;
      font-size: 14px;
      text-align: left;
}
 
#sub-navigation3 a:link
{
        color: #FFFFFF;
	text-decoration: none;
}
 
#sub-navigation3 a:visited
{
        color: #6495ED;
	text-decoration: none;
}
 
#sub-navigation3 a:active
{
	color: #1E90FF;
	text-decoration: none;
}
 
#sub-navigation3 a:hover
{
        color: #ADD8E6;
       letter-spacing: 1px;
}

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 11 hours 52 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

Hi Kate

Without the the html, the css isn't really enough. The structure and the context it provides is needed; it may be something else interfering.

In the meantime, try adjusting the line-height on the LI elements.

g

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.