close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Site Navigation

Thread began 10/09/2009 4:25 pm by farnumfoto279323 | Last modified 10/14/2009 4:19 pm by Jimmy Wu | 2678 views | 5 replies |

farnumfoto279323

Site Navigation

When you click the nav buttons on the home page the text moves to the right, which is not a desired effect (?) Below is a link to the site. Please advise. Thank you.


index.html

Sign in to reply to this post

Jimmy Wu

In your home.css file, you are specifying the active link to be centered. This is what is causing the text to move when clicked. If you took out the text-align center:
a:active {
color: #034248;
text-align: center;
}

so that this block looks like this:
a:active {
color: #034248;
}

The text would not jump around when clicked on.

Sign in to reply to this post

farnumfoto279323

Site Nav

I changed home.css to align left and that fixed it. However, it also added boxes on top of the nav buttons in Firefox only. If you can open it in Firefox you'll see what I mean. Please advise.


(first post)
When you click the nav buttons on the home page the text moves to the right, which is not a desired effect (?) Below is a link to the site. Please advise. Thank you.


index.html

Sign in to reply to this post

Jimmy Wu

Did you make any modifications to the home menu manually? It looks like the structure of the menu on the page is causing this issue. The correct structure of the menu should be something like this:
<ul class="level-0" id="cssmw0">
<li class="parent"><a href="#">Item 1</a>
<ul class="level-1">
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
<li><a href="#">Sub Item 3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>

From what I could tell, there are a lot of extra ul and li tags in your menu.

Sign in to reply to this post

farnumfoto279323

SiteAssist Navigation

I did not manually change the home menu. I have removed some ul & li tags as per your response, but that didn't help. I moved the FAQ page so it was a drop down under Services. It was easy to do with "modify site assist site", and it solved the index page nav problem however, the FAQ button wider then the other nav buttons and Although I tried, I cannot seem to adjust it.


index.html

Sign in to reply to this post

Jimmy Wu

In the menu.css file for that menu, find the block of code that looks like this:
ul#cssmw_content ul.level-1 > li > a {
background-color: #7CBAAA;
background-image: none;
border-bottom: solid 1px #3B6E72;
border-left: solid 1px #fff;
border-right: solid 1px #3B6E72;
border-top: solid 1px #fff;
color: #173232;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
margin: 0 0 0 0;
padding: 5px 5px 5px 5px;
text-decoration: none;
text-transform: uppercase;
width: 100px;
}

Change the width at the bottom to be 85px instead of 100px.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...