html - How to keep nav bar from shifting elements to next line when zooming in? -

-

edit: solved jirikuchta! added white-space: nowrap; #navigation in css. read on more information on problem fixed. hope can else out there!

i've seen question hundred times on internet on past few days trying fix problem, absolutely nothing has worked me. when zoom @ in google chrome, nav bar shifts last link next line, ruining whole layout. i'm new html first real roadblock i've run into, , i'm absolutely stumped. i've followed advice on countless other websites, adding min-width , max-width, wrappers, positions, switched em , %, nothing has worked. i'm assuming problem when zoom, things round , make things big space provided, don't know how counter problem. in advance , help!

html:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>about</title> <link rel="shortcut icon" type="image/x-icon" href="layoutimages/favicon.png"> <link href='http://fonts.googleapis.com/css?family=raleway:400,800' rel='stylesheet' type='text/css'> <link href="webpage.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <link rel="stylesheet" href="fancybox/source/jquery.fancybox.css" type="text/css" media="screen" /> <script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js"></script> </head>  <body> <div id="container"> <nav>     <div id="navigation">         <ul>             <li><a href="index.html">home</a></li><li><a href="about.html">about</a></li><li><a href="milk.html">milk</a></li><li><a href="farm.html">the farm</a></li><li><a href="contact.html">contact</a></li>     </ul>   </div> </nav> <div id="banner"><img src="layoutimages/aboutbanner.png" width="955" height="400" draggable="false" style="-moz-user-select: none; display:block; " /></div>

css:

@charset "utf-8";  body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, address, blockquote {     margin: 0px;     padding: 0px;     font-size: 16px/9px;     font-style: normal; } html {     background-color:#f8f7e4; } #container {     width:955px;     height:auto;     background-color:#d2d2de;     margin-left:auto;     margin-right:auto;     position:relative; } #navigation li {     font: 35px arial black;     display: inline; } #navigation {     padding:9px 35px;     background-color:#0080c2;     color:#f8f7e4;     text-decoration:none; } #navigation a:hover {     background-color:#f8f7e4;     color:#000; }

i can tell there's i'm not understanding, need figure out. i've been struggling few days now.

additionally, reason i'm concerned zooming site viewed parents' computer, , have chrome set 125% zoom better visibility.

not sure if helps can try apply white-space: nowrap #navigation element.


Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more