close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Level 1 two different sizes?

Thread began 3/13/2014 10:18 am by Nathon Jones Web Design | Last modified 3/13/2014 1:10 pm by Jason Byrnes | 1071 views | 9 replies |

Nathon Jones Web Design

Level 1 two different sizes?

I changed Level 1 in our menu to use a 250px graphic. I updated the Level 1 width in the stylesheet manually, because if I use the wizard it overwrites the vertical alignment settings we previously hand coded <sigh>, but it didn't work so I went into the wizard and changed it and it still hasn't updated. What gives?

If you check the following link, the Spot Lights menu is different to the Flood Lights menu:
http://www.ledwarehouseuk.com/indexHOME.php

I'm not sure how that's even possible.
Hope you can help. Thank you.
NJ

Sign in to reply to this post

Jason ByrnesWebAssist

in your css for the level 1 menu item, change display: table-cell; to display: block;

Sign in to reply to this post

Nathon Jones Web Design

You'd previously advised me to use display: table-cell; because I wanted the text middle aligned (vertically)?

Here's the Level 1 CSS which already has display: block:

ul#cssmw ul.level-1 > li > a, ul#cssmw ul.level-1 > li > a:link {
background-image: url("../cssmw_images/btn-mainnav-sub1off.png");
background-repeat: no-repeat;
color: #FFFFFF;
display: block;
font-family: "myriad pro", Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
height: 65px;
margin: 0 0 0 0;
padding: 0 5px 0 10px;
text-align: left;
text-decoration: none;
width: 235px;
outline-style: none;
display: table-cell;
vertical-align: middle;
}

Can you please advise?
Thanks man.
NJ

Sign in to reply to this post

Jason ByrnesWebAssist

display: table-cell;
vertical-align: middle;
}

Sign in to reply to this post

Nathon Jones Web Design

I have changed this to the following:

ul#cssmw ul.level-1 > li > a, ul#cssmw ul.level-1 > li > a:link {
background-image: url("../cssmw_images/btn-mainnav-sub1off.png");
background-repeat: no-repeat;
color: #FFFFFF;
display: block;
font-family: "myriad pro", Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
height: 65px;
margin: 0 0 0 0;
padding: 0 5px 0 10px;
text-align: left;
text-decoration: none;
width: 235px;
outline-style: none;
display: block;
vertical-align: middle;
}

So now we have 2 occurences of display: block; but, in doing so, it has removed the middle (vertical) align (see "Commercial & Street Lighting" menu).
Hope you can help. Thank you.
NJ

Sign in to reply to this post

Jason ByrnesWebAssist

you don't need to have 2 instances of the display, there should only be one.

also, you have:
text-align: left;

you cannot have both align left and align center, the text align setting is over riding the vertical align setting.

Sign in to reply to this post

Nathon Jones Web Design

Confusion?

In a previous post Jason, I'd asked you how vertically align text in CSSMenuWriter and you had advised that I add:

display: table-cell;
vertical-align: middle;

It worked like a charm. The text was BOTH left align (horizontally) and middle aligned (vertically).

I've removed text-align:left; from the CSS but now all my text is centred, which isn't what I want.

The problem I was having was that the width settings didn't seem to be being picked up.

My menu is now all over the place:
http://www.ledwarehouseuk.com/indexHOME.php

...although thankfully it HAS picked up the width settings now.

How do I both left align AND middle align the text?
Thank you.
NJ

Sign in to reply to this post

Jason ByrnesWebAssist

Confusion is correct, your question, initially, was not clear to me.

add text-align: left; back in , and add:
line-height: 65px;

Sign in to reply to this post

Nathon Jones Web Design

Phweeff! We got there! :)

Is there any way of saving these settings as a template in CSSMenuWriter?

If I open up the wizard and make any changes to the theme it just overwrites everything. :(

Sign in to reply to this post

Jason ByrnesWebAssist

no, there is not a way to save these settings to menu writer.

create a new css file with these changes in it, and attach that css file after the menu writer one, so that your changes will over ride what is generated by the wizard.

Sign in to reply to this post
loading

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