CSS help with menu

Hi all

I'm having a problem with this page: http://sambashop.BusinessCatalyst.com/

If you see the sub menu at the top right (about, contact etc) puts it perfectly in Chrome, but if you look at it in Internet Explorer, it is struck along a little bit to the right and out of the rounded corner box.

Any ideass?

See you soon

Hello Paul - Green Printery,

Don't not to dismiss the comment of Peter, but it looks like your main question where you put your dynamic menu. Here's a jsfiddle with your code in it and we see there are script tags in the tags and then your dynamic menu div is below that one tag with another empty a tag on your ul.

http://jsfiddle.NET/chaddidthis/Gmrxp/2/

If IE is doing you a service, indicating that your code is a bit wonky. If you were to delete the first a tag that keeps the script menu tag takes place online where it belongs.

Here's an another violin, showing how the menu should look like:

http://jsfiddle.NET/chaddidthis/Gmrxp/3/

Hope this helps,

Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

Tags: Business Catalyst

Similar Questions

  • Help with menu please

    Hello, I have a horizontal menu on a site I am building.  I have several pages and they have child pages.  When I ride the child page tabs appear, but if there is more than one page of the child, they are next to each other, horizontal also.

    How keep the horizontal main navigation bar and have child pages to go vertically?  I hope that makes sense to someone lol.

    Thank you!

    Kat

    Hi Kat,

    By default, the child pages appear vertically even if you have more than one page of the child.

    Can you please help us with a screenshot?

    Kind regards

    Akshay

  • Help with Menu in three Dimensions

    Hello

    I'm new to Indesign and start designing a restaurant three-tiered menu. I took a sample menu and measured the dimensions are approximately 5.5 "x 11" for each Board. "

    However, I know that the inner spread must be a different, perhaps smaller or larger size. I guess my question is what is the right way to implement this model tri-fold.

    Advice or tips to setting this up will be greatly appreciated.

    Thank you.

    you've almost got it - see attachment

  • CSS help with IE/Firefox/Safari please

    I just built this site http://www.d4digital.com/index.html
    and want the navigation down to be in the same position on each page - everything looks OK in Safari/Firefox but not in IE. Any help much appreciated.

    Ta

    Booby

    Thanks P@tty'll do - I am a novice on the forums and accept that there are different personalities on the Forums that give good advice but I am an experienced designer and I know what I'm doing, and specifically to make my clients.

    Thanks for the tips and my apologies to Murray and Vix if your feathers are fluffed!

    Return to work to solve the original problem, which I think I understand now thanks to some hacks.

    concerning

    Bobby

  • Need help with the CSS error or incorrect

    HI - hope someone can help me.  I'll put up a mega menu in Dreamweaver and then will export the code of WordPress.  First of all, to get all this work, here's the menu in HTML; I basically just put it all in DW to operate:

    http://designerandpublisher.com/MegaMenu/2/index7.html

    Then, I went to the end back to the WordPress site and pasted the code menu on the inside.  The final result was not working so I got rid of the 'th, one' in the code CSS #mainmenubar and when I did, it's good but the menu text color is green.  I need to do this and only this white text.  Here is a screenshot (I can't show you the actual location because it has restricted):

    white.jpg

    So I need to do text links in the white bar.  I know it must be a kind of class that I have to do the #mainmenubar and I read up on this subject, but just does not know how to write it to make it work.  Here is the CSS for the menu bar:

    #mainmenubar

    {

    color: #FFFFFF;

    text-decoration: none;

    border: 0px solid #a1a1a1;

    height: 40px;

    background-image: url ("http://gulfspilldemo.imsg.com/wp-content/uploads/blackgradient.jpg");

    background-repeat: repeat-x;

    border-radius: 10px 10px 10px 10px;

    }

    Any help is appreciated.  Thank you - Guy deaf

    Michael Walton wrote:

    My #mainmenubar code is not in this file yet but in thewhile I'm the test. Once I have run, I intend to add it to the main CSS file below:

    Are you sure the #mainmenubar of the css styles in the head section of the page come AFTER the link to the main css file?

    Try adding:

    #mainmenubar a {}

    color: #fff;

    }

    OR

    The page has a wrapper

    ?

    Very often, you may need to do something like:

    #wrapper #mainmenubar

  • Please help with my problem of Bar Menu Spry Dreamweaver CS5

    Hello

    I would be really grateful if you could help me with my problem. I use dreamweaver CS5 (design mode) on PC and I use spry menus bar as my browsing. for some reason when I go to the sub menu there's going behind the text on the side of it. This can be seen here: http://www.moneymakingmonkey.co.uk/

    How can I change this?

    can someone help me? I'm sure its simple but I'm new on this (as you can probably since my site up to this HA)

    Thank you very much

    Liam

    Sorry to be the bearer of bad news, but the use of ridicule of absolute positioning is the problem, not the Spry Menu.

    If you change the z-index in apDiv14 as later, it should help the menu to be at the top

    {#apDiv14}

    position: absolute;

    left: 89px;

    top: 110px;

    Width: 221px;

    height: 237px;

    z index:900.

    visibility: visible;

    }

    GRAMPS

  • Need help with Macbook

    Hello, I recently bought a Macbook from a friend and since I got the Mac it's very very slow at doing things like browsing the internet using Safari, it takes forever to load, web pages and all sorts of things that I'd like to get help with this problem maybe a few recommendations and also on how to speed up... If you need to care about Macbook, I can give these thx.

    To sell or transfer ownership of a Mac, even to a member of your family, you must follow these instructions. So far, you will have continuous problems.

    Refer to what to do before you sell or give away your Mac

    1. If you have enabled FileVault, disable it in system preferences > Security and privacy.
    2. "Remove" your iTunes account. Ditto for Audible if you have one.
    3. System Preferences > iCloud > deselect 'Back to My Mac' and 'find my Mac '.
    4. Disconnect from iCloud. Select "Delete from Mac" when it appears.

    Next: delete all of your personal information by erasing the internal storage of the Mac completely.

    1. If your Mac comes with a grey system installation DVD, start up your Mac with this disc in the optical drive, all holding the key c to boot from it instead of its internal volume, which must be erased before selling.
      • Apple stopped Macs shipment requiring these discs in August 2011.
    2. If your Mac does not comes with disks, boot OS X Internet Recovery:
      • using three fingers press on and hold the following keys: (command), optionand R.
      • With a fourth finger, press the power button to turn on the Mac.
      • Keep the other three fingers here where they are until you see the icon "spinning globe.
      • This method force the Mac to download BONES initially installed from Apple servers, that won't require not an Apple ID install.
    3. Remove any password Open Firmware, if you created a: select utility password firmware in the Utilities menu and remove.
    4. Select disk utility from the utilities menu.
    5. Delete all partitions that can be created.
    6. Select the icon for the hard drive to the Mac, and then select the tab "delete".
    7. Click on the 'Security Options' button and erase the drive.
      • More "robustly" you erase the disc, the longer it will.
      • The fastest method is sufficient, since all but the techniques more expensive and equipment will be able to recover data deleted safely.
    8. When he finishes, quit disk utility.
    9. In the utility menu, select Install Mac OS X .
      • An identifier Apple won't be necessary. If a prompt for an Apple ID, return to step 5.
      • Do not create user accounts.
    10. When he finishes, shut down the computer.
    11. If you want to install the bundled apps that have been included with your Mac, restart using your DVD Applications if it was included and install the bundled apps.
      • Apps, delivered with the new Macs sold without disks cannot be transferred. His new owner must buy them from the Mac App Store with its own Apple ID.

    If the Mac is sold to someone outside the family, consider the following additional information:

    1. System provided with your Mac installation DVD must stay with him forever and be included in the sale.
    2. Consider including your AppleCare certificate if you bought it, documents printed, same box if you have.
      • AppleCare remains with the equipment and can be transferred.
    3. Run an invoice indicating the serial number of the Mac.
    4. Once is no longer in your possession, remove the Mac of your devices in my support profile.
  • Need help with photos

    How can I find the appropriate folder for download on a Page I manage?  Photos current pictures but when I download it is records, I can't open, review or post.  Thanks for any help.  I searched some tutorials help with photos, records and others, and I'm struggling with something that used to be so easy?  Thanks again!

    Hi Brandi Jo,.

    To access the photos you want to put on your page, you want to export from the Photos app. Select the photos, go to file > export > export x pictures. Enter the details of your export, and then click export. Choose a location and click the export again. Once exported, you can use all of the tools you want to use for downloading your page.

    Some sites such as Vimeo or Flickr, allow you to export directly from Photos. Select the photos you want, go to the file menu > share > select the service you are exporting to and complete the export.

    Good luck.

  • Help with Windows XP. Your security settings do not Web sites to use ActiveX controls installed on your computer.

    Original title: help with Windows XP.

    I have a laptop with Windows XP. When I try to go on homepage e-mail he says I have no internet connection, even if I do. Also, I can't run windows update. A pop up as my security settings will not allow active x but don't give me any option to change as I've seen it before. I tried everything I can think of.

    Hi SteveKey,

    ·         You use Internet Explorer to access these sites?

    ·         If so, which version?

    Method 1: Run automated troubleshooting and check if it helps.

    Improve performance and security in Internet Explorer

    Method 2: Check to see if the following is useful.

    a. open Internet Explorer.

    b. Select tools, then Internet Options in the menu at the top of the Internet Explorer window. The Internet Options window opens.

    c. Select security from the list of tabs at the top of the Internet Options window. The Security tab appears.

    d. click on the custom level button. The security settings window opens.

    e. scroll down to download signed ActiveX controls entry and select the quick option.

    f. scroll down to Run ActiveX controls and plugins entry and select the active radio button.

    g. Select the OK button to accept the changes. You may have to restart Internet Explorer for the settings to take effect.

    Method 3: You can try to optimize Internet Explorer and see if it makes a difference. Follow steps 2, 3 and 4 of this article.

    Internet Explorer is slow? 5 things to try

  • Need help with my Mail window. I can't export my message to the PST format. I keep getting the message error "an error occurred during initialization of MAPI".

    Hello

    Need help with my Mail window. I can't export my message to the PST format. I keep getting the message error "an error occurred during initialization of MAPI". Y at - it solution or another method?

    Hi ErikLee,

    Do you have MS Outlook installed on your computer?

    Windows mail import and export opportunities are limited to an Outlook .pst file or an Exchange Server mailbox. They are available only if MS Outlook is installed.
    If MS Outlook is not installed and you start an import or export action, the necessary support files are not present for Windows mail complete the operation. Then I suggest you to install Outlook temporarily and see if the problem is resolved.

    Follow the instructions below and check if the problem is resolved.

    1. reboot your computer, and then start Windows Mail.
    2. on the Tools menu, click Options.
    3. in the connection tab, click on edit to open the Internet Properties dialog box.
    4. in the tab programs, click on an application other than Windows mail e-mail in the e-mail list. Click on apply and then click OK.
    5. click OK again to close the Options dialog box.
    6. exit Windows mail and restart Windows mail.

    If this does not work, I suggest you upgrade to Windows Live Mail to import or export messages that may help you resolve the issue.

    To download Windows Live Mail, visit the following Microsoft Web site:
    http://get.live.com/wlmail/overview

    For more information about Windows Live Mail, see the Microsoft Web site at the following address:
    http://windowshelp.Microsoft.com/Windows/en-us/help/4b30d3d6-abe2-46d1-a5fd-4a1ba786a1381033.mspx

    Check whether the problem is resolved.

    Please post back and let us know if it helped to solve your problem.

    Kind regards
    KarthiK TP

  • Need help with windows defender. all my files folders pictures everythiing disappeared and I find myself with this black screen and it is not all good: o)

    Need help with windows defender. all my files folders pictures everythiing disappeared and I find myself with this black screen and it is not all good: o)

    I don't know why vista windows no longer charge, or when the files and folders disappeared

    How Windows Defender is on this problem?

    Follow these steps to try to solve your problems of boot.

     

     

    Restore point:

    Try typing F8 at startup and in the list of Boot selections, select Mode safe using ARROW top to go there > and then press ENTER.

    Try a restore of the system once, to choose a Restore Point prior to your problem...

    Click Start > programs > Accessories > system tools > system restore > choose another time > next > etc.

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

     

    If restore work not and you do not have a Vista DVD from Microsoft, do a repair disc to do a Startup Repair:

    Download the ISO on the link provided and make a record of repair time it starts.

    Go to your Bios/Setup, or the Boot Menu at startup and change the Boot order to make the DVD/CD drive 1st in the boot order, then reboot with the disk in the drive.

    At the startup/power on you should see at the bottom of the screen either F2 or DELETE, go to Setup/Bios or F12 for the Boot Menu.

    When you have changed that, insert the Bootable disk you did in the drive and reboot.

    http://www.bleepingcomputer.com/tutorials/tutorial148.html

    Link above shows what the process looks like and a manual, it load the repair options.

    NeoSmart containing the content of the Windows Vista DVD 'Recovery Centre', as we refer to him. It cannot be used to install or reinstall Windows Vista, and is just a Windows PE interface to recovering your PC. Technically, we could re-create this installation with downloadable media media freely from Microsoft (namely the Microsoft WAIK, several gigabyte download); but it is pretty darn decent of Microsoft to present Windows users who might not be able to create such a thing on their own.

    Read all the info on the website on how to create and use:

    http://NeoSmart.net/blog/2008/Windows-Vista-recovery-disc-download/

    ISO Burner:http://www.snapfiles.com/get/active-isoburner.html

    It's a very good Vista startup repair disk.

    You can do a system restart tool, system, etc it restore.

    It is NOT a disc of resettlement.

    And the 32-bit is what normally comes on a computer, unless 64-bit.

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    Data recovery:

    1. slave of your hard drive in another computer and read/save your data out there.

    2. put your Hard drive in a USB hard drive case, plug it into another computer and read/save from there.

    3 Alternatively, use Knoppix Live CD to recover data:

    http://www.Knopper.NET/Knoppix/index-en.html

    Download/save the file Knoppix Live CD ISO above.

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    http://isorecorder.alexfeinman.com/isorecorder.htm

    Download the Vista software from the link above.

    After installing above ISO burning software, right click on the Knoppix ISO file > copy the Image to a CD.

    Knoppix is not installed on your PC; use only the resources of your PC, RAM, graphics etc.

    Change the boot order in YOUR computer/laptop to the CD/DVD Drive 1st in the boot order.

    Plug a Flash Drive/Memory Stick, BOOT with the Live CD, and you should be able to read the hard drive.

    When the desktop loads, you will see at least two drive hard icons on the desktop (one for your hard drive) and one for the USB key.

    Click on the icons of hard drive to open and to understand which drive is which.

    Click the icon for the USB drive and click on "Actions > Change the read/write mode" so you can write to disk (it is read-only by default for security reasons).

    Now to find the files you want to back up, just drag and drop them on the USB. When you're done, shut down the system and remove the USB key.

    See you soon.

    Mick Murphy - Microsoft partner

  • Need help with mobile layout

    Hello. Need help with my layout sensitive, using straight lines only html5 and css3 that I can understand and explain a novice level please - without any restart. Desktop and mobile are in a single html doc. The desktop version is 'ok '.

    current version (6_2)

    Try to match these mobile Office layouts

    On the mobile version:

    -Impossible to get the buttons nav blocks, vertical text button Align, and align the image of the product (square pictures) to the Center. (margin: auto; does not work)

    I used heights in the header because I'll have code for desktop, mobile and tablet in the CSS so it changes (and do not know how to support better). Also need to Add a link to the logo image background in header.

    Thanks in advance!

    TheOriginal150mph wrote:

    Hello. Need help with my layout sensitive, using straight lines only html5 and css3 that I can understand and explain a novice level please - without any restart. Desktop and mobile are in a single html doc. The desktop version is 'ok '.

    current version (6_2)

    Try to match thesemobile Officelayouts     

    On the mobile version:

    -Impossible to get the buttons nav blocks, vertical text button Align, and align the image of the product (square pictures) to the Center. (margin: auto; does not work)

    Commenting on just a habit of property changing the css if you have defined it for the desktop version. Your nav elements are not vertically Center because you have a bottom padding set on them for the office, there are only changes for mobile in your css media query.

    .main-nav a {}

    display: block;

    text-decoration: none;

    / * padding-bottom: 15px;   */

    Padding: 12px 0;

    }

    Change the properties for the .product-images for mobile boxes: you have float attached to them for the desktop version and which cascade down to the mobile version, unless you change in the media query:

    .product-image {}

    float: none;

    Width: 50%;

    margin: 0 auto 20px auto;

    }

    As I mentioned in one of my posts related to your project, you will probably have to make your product images a bit larger. They fill the area once they form a column to width of 768px screen or you could resist transform them to one column until a little more by using a media query extra set at a narrow screen width to evoke this action

  • Hello, I need help with my photoshop, rececently the majority of my family disappeared merger options and I cant access AVC and other options ive tried reset preferences and it seems to come back but when I add an image and try add text again

    Hello, I need help with my photoshop, the majority of my family rececently disappeared options fusion and I can't access strokes and other options ive tried to reset the settings of preference and he seems to come back but when I add an image and you try to add text again, they'll only options I have are drop shadow , gradient, Chromakey, shine of satin overlay, inner (I use photoshop cc 2015) Please help, my Skype contact options are: RoblivionM8 and email:[email protected]

    Thanks for your time

    Your first screenshot shows the layer style dialog where not all types of effects are indicated on the left. Bottom left of the dialog box, you see a small icon fx with a menu arrow drop-down. Use drop down the menu and make sure all you click on show all effects or restore the default list. I don't know what you're trying the shoe on the second screen capture.

  • Help with loop of Liquid web app

    Hello

    I need help with a list of web app for a custom blog items.  Rather than having to categorize each post using the 'Actions' box (which they often forget), I think it would be much more user-friendly for our customers to have just a dropdown categories menu.  Can someone help out me this code, or to provide a more elegant solution?  The loop and the work of IF statement, but I'm having problems with rendering of the element in the IF statement.  When I copy the code of the object model in the IF statement, it restores.  However, I had much rather use a template because it is better - and I would like to know what I'm doing wrong.

    {module_webapps id = filter 'Blog' = 'all' render = "collection" collection = "messages" sortType = 'date' template =""}
    {% for section in posts.items %}
    {% If item.category contains 'Food' %}
    {module_webapps id = filter 'Blog' = 'item' itemID = "{{item.itemid}}" template="/Layouts/WebApps/Blog/list.html" "}
    {% endif %}

    {% endfor %}

    Thank you!

    Jeff

    Hi Jeff, what's going to happen with what you do is your make a collection of all the web of elements app and if you match foods your rendering module of a single element.

    First of all who will soon use your deduction limit to 75 module upward on this page/model until you know.
    Second, think about why you need to make the module again? You have the item data because you can get the itemid, then why you not only made the rest?

    Finally...

    If you make collection = "" which means that you use the collection that you have you don't need not make = 'collection. " "If you have deleted the template =" "and collection =" ' make = 'collection' means that it will be available in your layout to the list as a collection, rather then one.

  • Need help sensitive menu

    Need help with a problem I encounter with a menu reagent does not not problems. Use this link to see the Web site: http://www.sherwoodcompanies.com/home

    When I test the menu for the smallest width of the screen, the menu converts to the menu button as it is supposed to, but when you click on it, it does nothing. I'm sure it's basic that I keep on a great thing, but I can't seem to find the problem.  Any thoughts?

    I found this as well.

Maybe you are looking for