close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

having problems with my css/positioning menu

Thread began 5/14/2009 7:14 pm by jasonayre366396 | Last modified 5/18/2009 5:11 pm by jasonayre366396 | 3281 views | 6 replies |

jasonayre366396

having problems with my css/positioning menu

hi,

So I am using CSS Sculp and menu writer to build my page layout, I'm not super good or really very good at all w/ css I'm an oldschool tables convert :) - but I am having one hell of a time trying to position my menu made w/ the menu writer, can someone give me some guidance? I am going to upload a screenshot and the page code I am using. Basically I have my main header with my large graphic, but the top nav contains the background for the menuwriter menu (I am just using a transparent first level.) -

image is at
socaldesignproblem.jpg
(also in the image you can see I am ahving problems positioning the logo on the left side of the page effectively, if someone could point me in the right direction there also, would be much appreciated)
Code is at
socalcodeproblem.doc
(the image floating to the left I removed from the code itself cuz I wanted to focus on one problem @ a time)

Anyways any help would be much appreciated, and you might just save my head from imploding trying to figure out what the eff I am doing wrong. (which is likely a good many things)

Sign in to reply to this post

Ray BorduinWebAssist

Please post a URL where we can view the page. It is too difficult to debug with just a .jpg and a .doc file. I need to see it on the web to debug how it looks on the web.

Sign in to reply to this post
Did this help? Tips are appreciated...

jasonayre366396

Originally Said By: Ray Borduin
  Please post a URL where we can view the page. It is too difficult to debug with just a .jpg and a .doc file. I need to see it on the web to debug how it looks on the web.  



k, here ya go!

socaltest.html
thx

Sign in to reply to this post

Ray BorduinWebAssist

OK I see the page. What exactly is wrong with it? What are you trying to do? What happens instead of what you expect?

Sign in to reply to this post
Did this help? Tips are appreciated...

jasonayre366396

Originally Said By: Ray Borduin
  OK I see the page. What exactly is wrong with it? What are you trying to do? What happens instead of what you expect?  



I am trying to move the menu down so it is aligned in the center of the gradient bar in the header image up top. So, I want equal space from the bottom of the gradient bar, to the top of the gradient, between the text.

Sign in to reply to this post

Ray BorduinWebAssist

update menu.css (line 19):

ul#cssmw7 li {

add:

margin-top:7px;

Sign in to reply to this post
Did this help? Tips are appreciated...

jasonayre366396

hey ray, thanks for responding. I actually rethought my design and rexported my image to have the bottom border be a seperate div, you can see the fixed url at

socaltest2.html

But I now have a bigger problem.

I jsut opened my site up on both internet explorer & firefox on my virtual machine and have 2 problems.

In firefox on my windows virtual machine, the font on the menu is totally different than it is on my mac... I am not sure why this would be. It is bolder and just fugly in general.

And the worst part, i opened up internet explorer, and the site is not appearing at all! I have no idea why this would be happening, could you take a look for me?

thanks

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...