Having some problems with my navigation bar

I'm wanting my navigation bar to be very very simple, entirely white, including the drop downs and flat, I want just text to be black and gray when you go over it. the bits change what?

I also want my text to be centered, I tried just about everything to try to focus. It is centered between left and right but not up and down.

Some boxes are overlapping, would be to do with them then return more correctly, but I'm not sure. I have attached a picture and the css navigation.nav bar.jpg

@charset "UTF-8";

/ * CSS document * /.

{of NAV

margin: 0 auto;

Width: 100%;

text-align: center;

}

NAV ul ul {}

display: none;

}

Li: hover nav ul > ul {}

display: block;

}

NAV ul {}

margin: 0;

padding: 0;

Width: 100%;

Max-width: 1064px;

Background: #FFF;

box-shadow: 0px 0px 9px rgba (0,0,0,0.15);

padding: 0px 0px 60px banner 60px banner;

/ * border-radius: 10px; * /

list-style: none;

position: relative;

display: inline-table;

}

nav li a {}

Width: 5th; / * ADJUST TOP MENU WIDTH TO FIT * /.

height: 0.5em;

text-align: center;

}

nav li a: hover {background: #C0C0C0;}

}

NAV UL: after {}

content: ""; Clear: both; display: block;

}

NAV ul li {}

float: left;

}

NAV ul li: hover {}

background: #4b545f;

background: linear-gradient(top, #4f5964 0%, #5f6975 40%).

background:-moz-linear-gradient(top, #4f5964 0%, #5f6975 40%).

background:-webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%).

}

NAV li: hover ul a {}

color: #fff;

text-align: center;

}

NAV ul li a {}

display: block;

padding: 20px 20px;

color: #757575;

text-decoration: none;

}

NAV ul ul {}

Width: auto;

background: #5f6975; border-radius: 0px; padding: 0;

position: absolute; top: 100%;

}

NAV ul ul li {}

float: none;

border-top: 1px solid #6b727c;

border-bottom: 1px solid #575f6a; position: relative;

}

NAV ul ul li a {}

Padding: 15px 40px;

color: #fff;

}

NAV ul ul li a: hover {}

background: #4b545f;

}

NAV ul ul ul {}

position: absolute; left: 100%; top: 0;

}

To Center a single line of text vertically within an element, you set the attribute to css line-height of the element to the same value as the height of the element.

For example...

{#div_id}

height: 50px;

border: 1px solid black;

font-size: 1.5em;

line-height: 50px;

text-align: center;

}

Which only works if the text remains on a single line in the element, even if otherwise, your second line will be 50 pixels from the first. To vertically Center multiple lines of text, I use display: table-cell in my css...

{#div_id}

Display: table-cell;

height: 50px;

border: 1px solid black;

Width: 150px;

vertical-align: middle;

text-align: center;

}

Tags: Dreamweaver

Similar Questions

  • Having some problems with system processes.

    Hello.

    I'm having some serious issues of peace of mind with some future unknown processes in my task manager and a few little annoyances that took place as they came.

    My question first of all, most of the large is simply this: are Dell and Dell Data Assistant Vault data vault Service legitimate process?  What are doing?  The first occasionally uses a small amount of disk space or CPU, nothing major.  The latter does not seem to get active, sitting in the status bar.  I have no pop-up windows or windows associated with these processes.

    I also seem to have some light in a few programs hiccups since these processes appeared; Videos YouTube sometimes hang a sound or jump a bit and so do a few other animations.  Once again, nothing major, just enough to throw off balance me.

    I use a Dell Inspiron 7720 SE series

    Hello world

    I have the same annoying problem with audio hiccups/short buzz spent every 1-2 minutes for all audio/video playback.  Started February 11, 2015. According to the journal of events exactly on this date DellDataVault is automatically installed on my computer.
    It turned out that DellDataVault has been installed as a Service. After manually stopping this service all audio anomalies stopped.

    This automatic installation by Dell of its DataVault cost me a few hours of diagnosis and research on Google for the solution. Not a good practice, Dell.

  • I am having some problems with Windows 8 randomlly slow operation.

    So the other day I was looking through internet and suddenly my computuer has been very slow, almost like the FPS lag in games. When I turn it on and it works normal for a little while then becomes slow. I tried a lot of things like CCleaner, Defrag, Malwarebytes, for turning on and off and some commands cmd, but I can't remember which. Can someone help me with this problem.

    The problem with cleaning products, is that you are 100% guarantee that your computer will be slower after use.

    Here's why: your computer has cached information it needs (creates a temporary copy).  When you use a product cleaning, you delete the cache (temporary files) and it has rebuilt their brand new from scratch - which is slow (it's why he tried to cache if it didn't build them!) and your computer to get slower and slower, causes each time that 'clean you '.

    I'll stop run the cleaners and stop all the caches of compensation.  You need people.

    The real cause of a slow computer, he is busy running a process (like reconstruction of a cache that you have deleted or deactivated).  Or it could be another process which is busy.  So to remedy this:

    1. Press Ctrl-SHIFT-ESC to display the Task Manager.
    2. Disable everything under the Startup tab, then restart
    3. Leave the computer and idle for a little while if it can end all caching for the indexes, superfetch and more.  You can use it during this time also, but it will end sooner if she is not alone.

    Then, if the slowness is returned, follow these steps:

    1. Press Ctrl-Shift-Escape again and look at the first tab.  Find something that uses a lot of CPU resources.  Programs that use the most CPU are programs causing the slowness.  Now, you know what programs are causing the problem, and you can quit the program, turn it off or do other things to speed up the return.
  • I have adobe first 10 items and I'm having some problems with it please help

    Here are the problems I am having with Adobe Premiere Elements 10:

    1 transitions won't load. The word loading will appear and it will not come to the top.

    2. the videos will not play smoothly. When I press on play skipps in a way he will not play smooth, making it very difficult to change.

    3 keeps closing on me. It will be something that comes up that says "Adobe premiere elements has stopped working and closes in the program. He does constantly.

    Please help me I don't know what's the problem with him.

    The first two numbers sound like a video driver issue.

    What is the make and model of your video/chip card?

    What is the installed video driver number and date?

    For the last number, it could be many things, including the video driver. I look over this ARTICLEand if there is nothing in the first part, then proceed to set up a computer in the second part of the OS. It would probably be a good time to publish the complete specifications. your computer and the images of your project and Source. Finally, the third part covers many of the troubleshooting tips and provides many links.

    Good luck

    Hunt

  • Having some problems with drivers

    Hello everyone I have a problem with PCI-controller and controller-Sm where I can find the drivers for them?

    I have model g1254sg.

    PC-controller

    PCI\VEN_10EC & DEV_5209 & SUBSYS_166F103C & REV_01
    PCI\VEN_10EC & DEV_5209 & SUBSYS_166F103C
    PCI\VEN_10EC & DEV_5209 & CC_FF0000
    PCI\VEN_10EC & DEV_5209 & CC_FF00

    SM-controller

    PCI\VEN_8086 & DEV_1C22 & SUBSYS_166F103C & REV_05
    PCI\VEN_8086 & DEV_1C22 & SUBSYS_166F103C
    PCI\VEN_8086 & DEV_1C22 & CC_0C0500
    PCI\VEN_8086 & DEV_1C22 & CC_0C05

    Hello:

    You need these drivers for devices.

    SMBus: Install this driver first and then restart.

    This package contains the driver and Intel Chipset Installation Utility for the notebook models and operating systems. This utility allows the operating system to show the correct name for the Intel hardware that is installed in the Microsoft Windows Device Manager.

    File name: sp52791.exe

    PC-controller:

    This package contains the driver that allows the Realtek card reader in laptop models running a supported operating system. The card reader allows users to read or write to removable storage cards supported, which are typically used in digital cameras, digital music players and cell phones.

    File name: sp55030.exe

  • Am having some problems with Outlook Express 6.0. When I send a message he doesn't leave my Outbox.

    When I send a message that it does not leave my Outbox, says there is an error, but there is no error code, but the message was sent. Checking virus, malware checked and still the same. Someone at - it ideas?

    You have apparent dbx file corruption.
     
    Spend most of your messages out of the Inbox and then create new folders to send and sent items box after having moved the messages you want to save to a local folder that you create.
     
    Tools | Options | Maintenance | Store folder will reveal the location of your Outlook Express files. Note the location and navigate on it in Explorer Windows or, copy and paste in start | Run.
     
    In Windows XP, Win2K & Win2K3 the OE user files (DBX and WAB) are by default marked as hidden. To view these files in Windows Explorer, you must enable Show hidden files and folders under start | Control Panel | Folder Options icon | Opinion, or in Windows Explorer. Tools | Folder options | View.
     
    With OE closed, find the DBX files for the items in the Outbox and sent and delete them.  New ones will be created automatically when you open OE.
     
    After you're done, followed by compacting your folders manually while working * off * and do it often.
     
    Click Outlook Express at the top of the the folder tree so no folders are open. Then: File | Work offline (or double-click on work online in the status bar). File | Folder | Compact all folders. Don't touch anything until the compacting is completed.
     
    General precautions for Outlook Express:
     
    Do not archive mail in the receipt or sent items box. Create your own user-defined folders and move messages you want to put in them. Empty the deleted items folder daily. Although the dbx files have a theoretical capacity of 2 GB, I recommend all a 300 MB max for less risk of corruption.
     
    Information on the maximum size of the .dbx files that are used by Outlook Express:
    http://support.Microsoft.com/?kbid=903095
     
    Disable analysis in your e-mail anti-virus program. It is a redundant layer of protection that devours the CPUs, slows down sending and receiving and causes a multitude of problems such as time-outs, account setting changes and has even been responsible for the loss of messages. Your up-to-date A / V program will continue to protect you sufficiently. For more information, see:
    http://www.oehelp.com/OETips.aspx#3 
     
    Why you don't need your anti-virus to scan your email
    http://thundercloud.NET/infoave/tutorials/email-scanning/index.htm
     
    Note that for some AV programs, it may be necessary to uninstall the program and reinstall in custom Mode and uncheck analysis when the option is the result of e-mail messages.
     
    Compact often as specified above.
     
    And backup often.
     
    Outlook Express Quick Backup (OEQB Freeware)
    http://www.oehelp.com/OEBackup/default.aspx 
  • Having some problems with my MacBook Pro.

    HHey guy. So, recently, I tried to restore my MacBook, and when I tried to support everything on every ORDER + R or OPTION that appears is a lock and a bar asking a password. Is there any kind of doc to it? Anything to help. Thanks in advance

    You have active FileVault?

    You have a Firmware password on your MacBook Pro?

  • I'm having a problem with the pictures on some pagies partially of fully duplacating other tiles nearby. Only occurs with Firefox.

    I'm having a problem with the photos on some pages partially to duplicate completely other tiles nearby. Only occurs with Firefox. The thumbnails are refreshed when I move the cursor over them, but again distort when you scroll the page. I have a few images, but cannot up-load them on this page of support for some reason any. Maybe I can email you if you need?

    Start Firefox in Safe Mode to check if one of the extensions (Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem.

    • Put yourself in the DEFAULT theme: Firefox/tools > Modules > appearance
    • Do NOT click on the reset button on the startup window Mode safe

    You can check the preferences of network.http. * on the topic: config page and make sure that they have the default value.
    You can restore the default user set prefs ("BOLD") via the context menu.

  • I'm having a problem with my Opnegl ver 1.1, must be updated 1.3 for some reason that I can't seem to update or to locate in the profile of my hard drive... ERRRR... of suggestions?

    I'm having a problem with my Opnegl ver 1.1, must be updated 1.3 for some reason that I can't seem to update or to locate in the profile of my hard drive... ERRRR... of suggestions?

    Update your video card drivers. Bring:

    1. site of the device mftr. ; OR
    2. site of the card mother mftr. If the material is on board; OR
    3. website of the OEM manufacturer for your specific machine if you have a PC OEM (HP, Dell, Sony, etc.).

    Read the installation instructions on the Web site where you get the drivers.

    To find out what hardware is in your computer:

    1. read all documentation that you got when you purchased the computer.
    2. If the computer is OEM, access the site Web of the OEM for your specific model machine and look at the specs (you'll be there to get the drivers anyway)
    3. download, install and run a program of inventory of the free system like Belarc Advisor or System Information for Windows.

    http://www.belarc.com/free_download.html - Belarc Advisor
    http://www.gtopala.com/ - system information for Windows MS - MVP - Elephant Boy computers - Don ' t Panic!

  • I'm having a problem with my dropper / use pencil. I click on the color I want, but when I use the pencil or the brush is a contrasting color. I don't know if my photoshop is damaged, or if I changed some setting by mistake.

    I'm having a problem with my dropper / use pencil. I click on the color I want, but when I use the pencil or the brush is a contrasting color. I don't know if my photoshop is damaged, or if I changed some setting by mistake.

    Check if your pencil/brush painting Mode, or the layer is another than Normal.  For example, you will get the contrasting color, if the Mode is the difference or Exclusion.

  • Some problems with custom skin

    Hello

    I have created custom skin and I have some problems with it.

    (* 1) as you can see on [this image | http://www.zilp.pl/z/test01/Members/jakubp/Folder.2007-06-22.2113643678/File.2008-09-29.7372305410] item of Navigation within the Navigation pane command appears quite a color must be white, but gets by default the font for application (dark green) color. *
    My definition of the skin is the following:

    / * NAVIGATION PANE * /.
    AF | navigationPane - tabs:tab - start {(background-image: url('/skins/zilprcskin/img/tab-start.gif'); width: 4px ;}}
    AF | navigationPane - tabs:tab - end {(background-image: url('/skins/zilprcskin/img/tab-end.gif'); width: 4px ;}}
    AF | navigationPane content tabs::tab {(background-image: url('/skins/zilprcskin/img/tab-content.gif') ;}}
    AF | navigationPane - tabs:tab:hover af | navigationPane - tabs:tab - start {(background-image: url('/skins/zilprcskin/img/tab-start.gif'); width: 4px ;}}
    AF | navigationPane - tabs:tab:hover af | navigationPane - tabs:tab - end {(background-image: url('/skins/zilprcskin/img/tab-end.gif'); width: 4px ;}}
    AF | navigationPane - tabs:tab:hover af | navigationPane content tabs::tab {(background-image: url('/skins/zilprcskin/img/tab-content.gif') ;}}

    AF | navigationPane - tabs:tab: selected af | navigationPane - tabs:tab - start {(background-image: url('/skins/zilprcskin/img/tab-start-selected.gif'); width: 4px ;}}
    AF | navigationPane - tabs:tab: selected af | navigationPane - tabs:tab - end {(background-image: url('/skins/zilprcskin/img/tab-end-selected.gif'); width: 4px ;}}
    AF | navigationPane - tabs:tab: selected af | navigationPane content tabs::tab {(background-image: url('/skins/zilprcskin/img/tab-content-selected.gif') ;}}
    AF | navigationPane - tabs:tab: selected: hover af | navigationPane - tabs:tab - start {(background-image: url('/skins/zilprcskin/img/tab-start-selected.gif'); width: 4px ;}}
    AF | navigationPane - tabs:tab: selected: hover af | navigationPane - tabs:tab - end {(background-image: url('/skins/zilprcskin/img/tab-end-selected.gif'); width: 4px ;}}
    AF | navigationPane - tabs:tab: selected: hover af | navigationPane content tabs::tab {(background-image: url('/skins/zilprcskin/img/tab-content-selected.gif') ;}}
    AF | navigationPane - tabs:tab {margin right: 2px ;}}
    AF | navigationPane - tabs:tab - link {color: #ffffff; make-weight: bold ;}}
    AF | navigationPane - tabs:tab - link: hover {color: Red; make-weight: bold ;}}
    AF | navigationPane - tabs:tab: selected af | navigationPane - tabs:tab - link {color: #ffffff}

    (* 2) as you can see on [this image | http://www.zilp.pl/z/test01/Members/jakubp/Folder.2007-06-22.2113643678/File.2008-09-29.7372305410] menu scroll icons displayed twice: my and by default (rich). My definition of the skin is the following: *.

    / * MENU * /.
    AF | menu {- tr - visible elements: 2 ;}}
    AF | menu: depressed.
    AF | menu: stressed {(background-image:url('/skins/zilprcskin/img/menuHighlighted.gif') ;}}
    AF | : bar menu-point-text {color: White; make-weight: bold ;}}
    AF | menu: highlight: bar-point-text {color: #CEFFF1 ;}}
    AF | menu: bar-point-open-icon {(content:url('/skins/zilprcskin/img/small-arrow-down.gif'); margin-left: 2px ;}}
    AF | menu: go to the top icon {(content:url('/skins/zilprcskin/img/small-arrow-up.gif') ;}}
    AF | menu: go to the bottom-icon {(content:url('/skins/zilprcskin/img/small-arrow-down.gif') ;}}
    AF | : submenu of the menu-open-icon {(content:url('/skins/zilprcskin/img/small-arrow-right.gif') ;}}
    AF:menu:bar - point-text {make-weight: bold ;}}
    AF | commandMenuItem:menu - point-icon-style,
    AF | : submenu of the menu-icon-style {background-color: #a1caca; border: none ;}}
    AF | commandMenuItem: highlight: menu - item text.
    AF | commandMenuItem: highlight: menu-point-Accelerator,.
    AF | commandMenuItem: highlight: menu-point-open-indicator.
    AF | menu: highlight: submenu text,.
    AF | menu: highlight: submenu-Accelerator,.
    AF | menu: highlight: submenu Open indicator {background-color: #a1caca; border: none ;}}

    (* 3) as you can see on [this image | http://www.zilp.pl/z/test01/Members/jakubp/Folder.2007-06-22.2113643678/File.2008-10-01.6059969354] I also have a problem with default Panel box. Header font color should be white and ago strange empty space in header: *.

    / * DEFAULT CORE BOX PANEL * /.
    . AFPanelBoxHeaderCoreDefault:alias {color: #ffffff ;}}
    AF | panelBox::content:core:default {border-color: #149492 ;}}
    AF | panelBox:header - departure: kernel: default {(background-image: url('/skins/zilprcskin/img/tab-start.gif') ;}}
    AF | panelBox:header - Centre: kernel: default {(background-image: url('/skins/zilprcskin/img/tab-content.gif') ;}}
    AF | panelBox:header - end: core: default {(background-image: url('/skins/zilprcskin/img/tab-end.gif') ;}}

    Kuba

    Hello Kuba,

    I have a quick look in your message. For the moment I can solve one of your questions. The text of the panelBox header that you use skin:

     af|panelBox::header-element { color:White; } 
    

    Is on the white space, the 'skins/zilprcskin/img/tab-start.gif' image enough width? I use the same selectors (af | panelBox:header - departure: kernel: default af | panelBox:header - Centre: core: by default, af | panelBox:header - end: core: by default) and it works for me (but I'm not using an image, the only background color). Probably you need to change the width of header-early, restricting the scope and the lengthening of the Center header.

    As Simon said, Firebug is very useful to do this :)

    JVN

  • Sierra Siri, «I have some problems with the connection...» »

    Guys,

    I just installed Sierra on my MacBook Pro (retina, 13 inches, early 2015) version 10.12. I can't get Siri at work, the app tracks, he hears what I'm saying, but after awhile, he returns with two messages, both on the screen and verbally "I have some problems with the internet connection. Please try again in a moment. "&"Sorry, I'm having problems with the connection. Please try again in a moment. »

    Any ideas?

    Thank you

    N

    It's a network problem.

    Check the proxy settings that blocks maybe, or a firewall.

    System Preferences > network > Advanced (for your current connection) > Proxies

    Something there?

  • having display problems with my macbook air, first version of 2015. When I turn on my macbook, after boarding the password, then press on enter three lines (not really they look more like flashes coming from the top of the screen appear) in

    having display problems with my macbook air, first version of 2015. When I turn on my macbook, after boarding the password, then press on enter three lines (not really they look more like flashes coming from the top of the screen appear) in the colors Blue, green and red.

    also when I turn off my laptop just until the display on the top of the screen that is 2 and a half inch thick green line appears and goes about a second.

    help someone?

    Thank you

    Howdy Yaser of zoysia,

    It seems that your screen displays some graphical anomalies when you connect to your user name. I would use these troubleshooting steps in the following article on the resolution of screens:

    Restart your Mac in safe mode to reset the default display resolution.

    If booting safe mode doesn't resolve the problem, reset your Mac NVRAM and SMC to reset the video ports on your Mac to their default values.

    From: get help with graphics issues on external displays connected to your Mac.

    Thank you for using communities of Apple Support.

  • Satellite A500-1HK: some problems with ECO Utility, touchpad, GPU

    Hi all!

    I am facing some problems with my laptop A500-1HK AND I would like to have your opinion!

    last month, the eco Utility application cannot be activated from the special keyboard of the botton at the bottom of the keyboard, although Ihear special sound because its touch botton (so it works fine). I can activate only in the start menu and then the botton in the keyboard touch would become green.

    At the top of the touchpad (mouse), there is a botton that enable / disable the touchpad. It works again.

    A few times when I'm working, the screen turns black and then after 5-7 seconds, that it becomes normal with a message that nvidia GeForce GT 330Μ had stop working but now works well! (is it something serious?)

    On the taskbar, there is an icon with a yellow exclamation point indicating the function that intel RST does not work. What is c?

    Keep in mind I have install all the drivers to the latest version, but nothing has changed! I have windows 7 64 bit GR

    Thanks in advance!

    > last month, the eco Utility application cannot be activated from the special keyboard of the botton at the bottom of the keyboard, although Ihear special sound because its touch botton (so it works fine). I can activate only in the start menu and then the botton in the keyboard touch would become green.

    Go to-> programs and features Control Panel
    Here are looking for ECO Utility and uninstall this software and restart the laptop

    Then visit the Toshiba UE driver page and look for the ECO utility.
    Download the software and reinstall it.

    > A few times when I'm working, the screen turns black and then after 5-7 seconds, it becomes normal with a message that nvidia GeForce GT 330? a work stoppage, but now works fine! (is it something serious?)

    The same as the ECO utility. Uninstall the screen / graphic card driver
    Download the latest driver from the Toshiba page and install it

    > To the task bar, there is an icon with a yellow exclamation point indicating the function that intel RST does not work. What is c?

    TSRI means Intel Rapid Storage Manager. It contains the SATA driver for SATA HDD controller.
    In case this does not work, reinstall it again.

  • I'm having some trouble with my Satellite A660-134

    Hello!

    I'm a little ' have some problems with my laptop as mentioned earlier a Toshiba Satellite A660-134. FYI it's either, I returned a (any warranty). I wanted another, but always this model because its ok, he does his job, except some things that unfortunately I can't monitor. The first and also the other did the following:

    # Time to time, no reason what so ever, without abuse, multitasking, without forcing somehow, given bluescreen crashed unexpectedly. Just like that. Watching a movie, navigation, while leaving it open, and I found that it restarted. With this second after installing the antivirus I thought if it is stopped. But instead of 3-4 bluescreens someday I say 1-2 a week, but pretty beat also.
    # Also whithou one overheating, versatile or anything that would require a bit of effort to say, while I watch a film for example litle it sort of the stucks, freezes, stumbles... for performer like when its moved a bit abrupt and the thing protector hdd moves the head of hard disk drive... or as when with an old pc you listen to music and then when you , let's extract something, she begins to stop.

    Mainly, these are my concerns and any advice is welcome. For furter information, ask me. Thank you!
    Best regards, Dorinel Tanase

    It is not easy to give an exact explanation for all your problems, especially for blue screens. They can be caused by a software conflict or even by some malfunction of the equipment.
    Sorry, but it is not easy to say why this happen.

    Can you write down the error code and send it to us?

    Try disabling the utility of HARD disk protection and do not forget to scan of the drive HARD does not run in the background. These activities may be responsible for these interruptions.

Maybe you are looking for