html - Verticaly aligning nav bar with css -


i making website fun , put in navigation bar. problem navigation bar not vertically centred , being pushed down row links leaving unwanted white space between logo , nav bar. links high causing them (when hovering over) not remain within navigation area. there fix this? code below:

html:

<nav id="nav">     <ul>         <li><a href="http://www.google.com">hello</a></li>         <li><a href="http://www.google.com">hello</a></li>     </ul>        </nav>

css:

.container{  width:1020px;  margin:auto;  position:relative;  }       #nav{ width:1020px; height:50px; background-color:#ebb035; } #nav ul{ display:block; list-style-type:none; } #nav li{ display:inline; } #nav a:link{ color: #000000; font-weight: 700; padding: 8px; text-align: center; text-decoration: none; text-transform: uppercase; } #nav a:visited{ color: #000000; font-weight: 700; padding: 8px; text-align: center; text-decoration: none; text-transform: uppercase; } #nav a:hover{ background-color:#ffcc00; color: #000000; font-weight: 700; padding: 8px; text-align: center; text-decoration: none; text-transform: uppercase; }

thank in advance!

add positioning #nav , #nav ul follows; , you'll have result like this

#nav {     width:1020px;     height:50px;     background-color:#ebb035;     position: absolute; } #nav ul {     display:block;     position: relative;     list-style-type:none;     margin-top: 1em; }

Comments

Post a Comment

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

i've tried various ways coerce xterm (versions 285 , 292) copy selection clipboard clipboard whenever press ctrl-shift-c. promising way far has been, in ~/.xresources, put this: xterm*vt100.translations: #override \ ctrl shift <keypress> c: copy-selection(clipboard) \n\ ctrl shift <keypress> v: insert-selection(clipboard) ctrl-shift-v works perfectly, copying has nuance... if restart xterm, highlighting text puts things in primary clipboard; expected, proper, default behavior. if hit ctrl-shift-c, copies current selection clipboard clipboard. the bug, however, if highlight text after first time pressed ctrl-shift-c, you'll see highlighting copies both primary and clipboard. cannot figure out how stop xterm updating clipboard upon selection... , doesn't make sense me in first place. i said, @ specific point in time, copy selection clipboard... yet starts updating automatically upon selection after doing once... anyone have workaround...
Read more

qt - Errors in generated MOC files for QT5 from cmake -

i generated moc files qt5 using set (cmake_automoc on) set(cmake_include_current_dir on) then add moc files src using set(src src/main.cpp src/video_widget_surface.cpp src/video_widget.cpp src/video_player.cpp #moc files moc/moc_video_player.cpp moc/moc_video_widget.cpp moc/moc_video_widget_surface.cpp finally add executable using add_executable(somegui ${src}) but errors in moc files saying : /other/workspace/perception/somestuff/moc/moc_video_widget.cpp:54:6: error: 'videowidget' has not been declared /other/workspace/perception/somestuff/moc/moc_video_widget.cpp:62:19: error: 'videowidget' has not been declared /other/workspace/perception/somestuff/moc/moc_video_widget.cpp:68:20: error: 'videowidget' has not been declared /other/workspace/perception/somestuff/moc/moc_video_widget.cpp:68:46: error: non-member function 'const qmetaobject* metaobject()' cannot have cv-qualifier /other/qt5.0.1/5.0.1/gcc_64/include/qtcore/qo...
Read more