silverdigit
-
Content Count
7 -
Joined
-
Last visited
-
-
I have done that and can't see anything that would cause this to happen.
-
<body> <div id="container"> <div class="header_right"></div> </div> <div id="navigation"> <ul> <li> </li> <li><a href="https://twitter.com/?lang=en-gb target="_blank">Social Media</a></li> <li><a href="https://youtube.com/user/meolebraceschool/" target="_blank">YouTube Channel</a></li> </ul> </div> <div id="topspace"></div> <div id="content-container1"> <div id="container_flyout"> <div id='flyout_menu'> <ul class="style1"> &l
-
As you can see by the screenshot I have an unwanted horizontal scroll bar. The styles are below: #container { width: 100%; background: #fff; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #header { background: #fff; padding: 20px; height: 1%; } .header_right { background-color: #fff; float: right; height: 2%; display: inline; margin-bottom: 0px; } #header h1 { margin: 0; } #navigation { float: left; width: 100%; background: #333; } #navigation ul { margin: 0; padding: 0; } #navigation ul li { list-style-type: none; display: inline; } #navigation li
-
That worked - thanks for your help :-)
-
Can no-one help with this?
-
Hi, Having a few problems with something that should be dead simple. See image Firstly I need some space between the horizontal and vertical menus.[1] Secondly the menu isn't picking up the styles at all? Thirdly I cannot get the content div to sit next to the flyout_menu Here is the CSS: #container { margin: 0 auto; width: 100%; background: #fff; } #header { background: #ccc; padding: 20px; height: 80px; } .header_right { background-color: #00CCCC; float: right; height: 100px; display: inline; margin-bottom: 0px; } #header h1 { margin: 0; } #navigation { float: