Why isn't my layout connecting divs tightly?
I am building a website, and I am having trouble with the coding. I have a Spry Menu that needs my Nivo (jquery) Slider to fit tightly underneath it, and then have the second Spry Menu (#2) fit tightly underneath the slider.
Why am I not able to push these tightly together? (my site html and spry menu html is below - CSS built into header of page)
Thanks for any insight anyone could provide!!!
SOURCE CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cache Valley ENT</title>
<meta name="keywords" content="Cache Valley ENT, ent, ear, nose, throat, allergy, allergies, symptom, congestion, treatment, clinic"/>
<meta name="description" content="Cache Valley ENT is Northern Utah's most experienced ear, nose, and throat clinic, offering treatments for your worst symptoms, including allergies." />
<meta name="identifier-url" content="http://" />
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
body {
background-color: #F1D2A6;
background-image: url(pictures/backgroundslice.jpg);
background-repeat: repeat-x;
#header {
width: 900px;
#body {
vertical-align: baseline;
width: 725px;
text-align: justify;
height: 900px;
background-attachment: scroll;
background-repeat: no-repeat;
background-image: url(pictures/textbox/home_text.png);
padding-top: 10px;
padding-right: 60px;
padding-bottom: 40px;
padding-left: 30px;
margin: auto;
#navbar {
height: 40px;
width: 696px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000000;
border-left-color: #000;
margin-left: 12px;
#MenuBar2 li {
width: 174px;
font-family: "Arial", Arial, serif;
color: #FFFFFF;
font-size: 20px;
letter-spacing:;
height: auto;
background-image: url(pictures/images/images/spry_menu_background2.png);
background-hover: url (pictures/images/images/hover_spry_menu_background2.png)
padding-top: 20px;
#footer {
font-size: 13px;
width:800px;
left: 50px;
margin-top: 10px;
padding-top: 10px;
a:link {
color: #000;
text-decoration: none;
a:visited {
text-decoration: none;
color: #000;
a:hover {
text-decoration: underline;
color: #666;
a:active {
text-decoration: none;
.headerphone {
font-size: 24px;
text-align: center;
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script src="ajximagerotator.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
directionNav: true,
controlNav: true,
directionNavHide: false,
captionOpacity: 1,
prevText: '<',
nextText: '>',
effect: 'fade',
pauseTime: 9000,
</script>
<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
<!--favicon-->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<!--Google Analytics Tracking Code-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32226035-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</head>
<body>
<div id="header"></div>
<div id="body">
<table width="720" border="0">
<tr>
<td width="557"><img src="pictures/CVENT Logo Edit.jpg" width="300" height="147" vspace="0" align="top" /></td>
<td width="153" nowrap="nowrap"><div class="headerphone">
<p><strong>Cache Valley ENT</strong></p>
<p>435.753.7880</p>
</div></td>
</tr>
</table>
<hr />
<div id="navbar">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="home.html">Home</a></li>
<li><a href="our_providers.html">Our Providers</a></li>
<li><a class="MenuBarItemSubmenu" href="services.html">Services</a>
<ul>
<li><a href="services_entservices.html">General ENT</a></li>
<li><a href="services_allergy.html">Allergy</a></li>
<li><a href="services_hearing.html">Hearing</a></li>
<li><a href="services_pediatric.html">Pediatric Services</a></li>
<li><a href="services_asthma.html">Asthma</a></li>
<li><a href="services_headache.html">Headache</a></li>
<li><a href="services_facialplasticsurgery.html">Facial Plastic Surgery</a></li>
</ul>
</li>
<li><a href="new_patient.html" class="MenuBarItemSubmenu">New Patient</a>
<ul>
<li><a href="#">Forms</a></li>
<li><a href="#">Insurance</a></li>
</ul>
</li>
<li><a href="patient_resources.html" class="MenuBarItemSubmenu">Patient Resources</a>
<ul>
<li><a href="patient_resources_ears.html">Ears</a></li>
<li><a href="patient_resources_throat.html">Throat</a></li>
<li><a href="patient_resources_noseandmouth.html">Nose and Mouth</a></li>
<li><a href="patient_resources_headandneck.html">Head and Neck</a></li>
<li><a href="patient_resources_cancer.html">Cancer</a></li>
<li><a href="patient_resources_pediatric.html">Pediatric</a></li>
<li><a href="patient_resources_featuredhealthinformation.html">Featured Health Information</a></li>
<li><a href="patient_resources_enespanol.html">en Español</a></li>
<li><a href="patient_resources_aboutotolaryngology.html">About Otolaryngology</a></li>
<li><a href="patient_resources_enthistory.html">ENT History</a></li>
</ul>
</li>
</ul>
<p> </p>
<div class="slider-wrapper theme-default">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<p><img src="nivo_images/walle.jpg" alt="" /> <a href="http://dev7studios.com"><img src="nivo_images/toystory.jpg" alt="" /><img src="nivo_images/nemo.jpg" alt="" /></a></p>
</div>
</div>
<ul id="MenuBar2" class="MenuBarHorizontal">
<li><a href="services_entservices.html">General ENT</a></li>
<li><a href="services_facialplasticsurgery.html">Surgery</a></li>
<li><a href="http://www.CacheAllergy.com" target="_blank">Allergies</a></li>
<li><a href="http://www.wherecvhears.com">Hearing</a></li>
</ul>
</div>
<div id="img">
<h1> </h1>
<h1> </h1>
<h1>Welcome!</h1>
<p> <strong>Cache Valley ENT is located in North Logan, Utah, </strong>and provides ear, nose and throat (ENT) servies to relieve the the most stubborn allergy symptoms. Cache Valley ENT serves all Cache Valley residents, Box Elder County, and even Franklin County Idaho. Our doctors, Doctor Gordon Wood, Doctor Jeffrey Bennion, Doctor James Blotter, and Lindsay Humes (PA.C.), are all trained and experienced in allergy testing and treatments to provide you a favorable experience, and to help you live the live you deserve! They have more than 75 years' combined experience in providing successful ENT treatments! Cache Valley ENT is affiliated with the MidWest ENT Associates, PLLC. <br />
<br />
We have a convenient location in North Logan, UT at 2380 North 400 East, inside the Cache Valley Specialty Hospital. This location houses the ENT Clinic and the Gulf South Outpatient Surgery Clinic. Hours of operation are Monday through Thursday, 8am to 5pm, and Friday from 8am to 12noon. Call <strong>801-753-7880</strong> to schedule an appointment. </p>
<p><img src="pictures/our_practice.png" width="500" height="333" hspace="110" align="middle" /></p>
</div>
<p> </p>
<div id="footer">
<p> </p>
<p>Copyright 2012 | Cache Valley ENT | 2380 N 400 E, Suite D | North Logan, Utah 84341 | 435.753.7880 | <strong> <a href="contact.html">CONTACT US</a> </strong></p>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
SPRYMENUBARHORIZONTAL.CSS
@charset "UTF-8"; /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ul.MenuBarHorizontal{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; -moz-background-inline-policy: bounding-box;}/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ul.MenuBarActive{ z-index: 1000;}/* Menu item containers, position children relative to this container and are a fixed width */ul.MenuBarHorizontal li{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; float: left; background-image: url(../pictures/images/images/spry_menu_background.png); width: 139px; z-index: 1001;} /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ul.MenuBarHorizontal ul{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 9.5em; position: absolute; left: -1000em;}/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{ left: auto;}/* Menu item containers are same fixed width as parent */ul.MenuBarHorizontal ul li{ width: 10em;}/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ul.MenuBarHorizontal ul ul{ position: absolute; margin: -5% 0 0 95%;}/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{ left: auto; top: 0;} /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ul.MenuBarHorizontal ul{ } /* Menu items are a light gray block with padding and no text decoration */ul.MenuBarHorizontal a{ display: block; cursor: pointer; padding: 0.5em 0.75em; text-decoration: none; text-align: center; border: 0.75px solid; border-bottom-color: #000000; border-left: none; border-right: none; border-top: none;} ul.MenuBarHorizontal ul a { text-align: left; } /* Menu items that have mouse over or focus have a blue background and white text */ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{ text-align: center; background-image: url(../pictures/images/images/hover_spry_menu_background2.png);}/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{ text-align: center; color: #000;} /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal a.MenuBarItemSubmenu{ background-repeat: no-repeat; background-position: 95% 50%;}/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{ background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; }/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{ background-repeat: no-repeat; background-position: 95% 50%; text-align: center;}/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{ background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%;} /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ul.MenuBarHorizontal iframe{ position: absolute; z-index: 1010; filter:alpha(opacity:0.1);}/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */@media screen, projection{ ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; }}
That which you have shared with us is OK. All fits neatly as per your requirement.
Perhaps it is that which you have not shared with us that could be the problem.
Gramps
PS The following may help you
Announcement: How Important is Code? A plea for new posters to help us!
Hide Details
Please don't ask a layout question (or really almost any other question) here without also giving us a look at the code on your page.
The best way to do this is to upload the page and its dependent files, and to post a link to this uploaded page. A poor second alternative would be to paste your code into your post using the double chevron icon on the toolbar, and selecting Syntax Highlighting > Plain Text.
Without knowing what you have in your code, we cannot possibly answer anything other than a very simple question. Save us the trouble of engaging in twenty questions to find out what you have done and just show us the code. After all, it's what determines what happens on the page, not your screenshot or your description.
Please?
Also, if your question is one that involves database use or server-scripting, please tell us what server model (PHP, CF, etc.) and database you are using (MySQL, SQL Server, etc.), as well as the operating system and platform. All of those details are necessary for complete troubleshooting and will help us help you through the process!
by Murray *ACP* (04-Aug-2010)
Similar Messages
-
Why isn't my wifi connecting over a secure network? I typed the password in correctly, but it won't seem to connect.
Tap Settings / Wi-Fi. Tap the blue circle with an arrow to the right of your network then tap: Forget This Network.
Restart the iPad. Tap Settings / Wi-Fi. Tap the network name again then type in your password.
If that didn't help, try here > Apple - Support - iPad - Wi-Fi Assistant
And try turning off your router for 5 minutes, then turn it back on. Try typing in the password again. -
Why isn't my ipod connecting to itunes?
Why wont my ipod connect to itunes? id rather not restore it so any suggestions?
It says it cannot read the contents of my ipod and it suggests that i restore it
-
I have a macbook pro and an ipad ... both have which regularly connected to the web through my airport for two years ... now, my ipad won't connect ... and the genius bar says my ipad is ok. Does anyone have any suggestions as to the cause and the cure?
Can your iPad connect to other Wi-Fi networks? If so, is it possible that you may have configured your AirPort to restrict access to the iPad by including the iPad's MAC address in the AirPort's Timed Access Control settings?
-
I have windows vista home premium and all other iTunes worked on my laptop, I downloaded iTunes 10 and now the iTunes will not connect to the Internet. I use Mozilla firefox on my laptop and for some reason it keeps saying the connection timed out and I'm not connected to the Internet when I am. Why isn't iTunes recognizing my web configuration?
It probably has to do with your security and/or browser configuration.
When my laptop crashed last year and I had to get a new one, I dealt with the same thing. First, go to your control panel and select the security section. See if your firewalls are up or not. If they are, turn them off. If you have any software to speed up your browser, that can affect the connection as well. Go into that software and disble/turn it off. If this doesn't work, contact customer support. They have a few other tricks they had me try that worked, but I can't remember them now. -
Why isn't my IPOD showing up in itunes? Message recevied "itunes could not connect to this IPOD because an
unknown error occurred OxE8000003.See here: iOS: Unknown error containing '0xE' when connecting to a Windows PC
B-rock -
Why isn't my ipod and iphone not connecting to my new laptop on my itunes that i have downloaded
I do not understand why my ipod and iphone not connecting to my new laptop that I got for Christmas. It did for a while and now its not. My itunes is up to date and so is my phone and ipod. Why isn't my itunes finding/syncing my ipod and iphone?!
See
iOS: Device not recognized in iTunes for Windows
- I would start with
Removing and Reinstalling iTunes, QuickTime, and other software components for Windows XP
or
Removing and reinstalling iTunes and other software components for Windows Vista, Windows 7, or Windows 8
However, after your remove the Apple software components also remove the iCloud Control Panel via Windows Programs and Features app in the Window Control Panel. Then reinstall all the Apple software components
- New cable and different USB port
- Run this and see if the results help with determine the cause
iTunes for Windows: Device Sync Tests -
I just hooked up Internet at my house today and I'm trying to connect to it on my IPhone and IPad but neither are connecting. My grandma's Android phone is connected and is working just fine. Why isn't any of my apple products working?
Since you give no clue as to what make/model/version WiFi router you are using or how you have it configured it's hard to comment.
Look here for some WiFi troubleshooting advice http://www.apple.com/support/ipad/wifi/. -
Why isn't my iPad2 charging its battery when connected with my iMac?
Why isn't my iPad2 charging its battery when connected with my iMac?
A lot of computers, especially older ones (I don't know how old yours is), don't provide enough power through their USB ports in order to charge the iPad - it may still be charging, but at a low rate (it may charge quicker if the iPad's screen is off). If you want to charge it at a reasonable rate then the wall charger is better.
-
my ipod isn`t letting me connect to the itunes store on my ipod touch, does anyone know why? Please let me know.
See I just bought my iPod today and haven't been able to have meh apple ID accepted so I've been asking around and ended up changing my ID and now it says cannot connect to iTunes, so I asked about it not being able to connect to the iTunes store so I guess you could say that lol
-
Suddenly, I cannot sync my Boselink with iPhone. Iphone 4s says Bose sound...not connected. I JUST updated software to iOS 6.1.3. Why isn't this working? I can not play pandora on my Bose.
They are absolutely now paired after doing all you said, as I reset both the Bose Link and the Iphone. Now we have a pair, but no sound on the speaker or the iphone when they are connected. I know they are connected b/c the iphone says they are in the blue tooth setting AND the Bose has a solid blue tooth light on.
Now what? This is beyond frustrating and only happened when I UPDATED ios!
Thank you! -
Why isn't there an iTunes Connection Queue?
It's been about 2 hours for me trying to connect and reconnect to iTunes for the final step in my 2.0 update. I understand that there is a huge volume of people trying to do the same thing which is causing the server overload, but why isn't there a queue so that we can at least wait in line?
**** Poor Planning = **** Poor PerformanceA line?! Instead of a 2 hour wait, you'd be looking at a 2 day wait if that was the case.
-
Why isn't my Apple TV not connecting to iTunes, Why isn't my Apple TV not connecting to iTunes
Why isn't my Apple TV not connecting to iTunes Store.
Was working fine this morning but now all of a sudden it won't let me sign in and connect. User name and password is correct! Never had any problems in the past. iPhone 5 is connecting iTunes but not my Apple TV??Have you unpowered and restarted it?
-
I have been trying for an hour to delete all of the photos from my iPhone 5. I have googled it several times and there doesn't seem to be a solution. Have tried deleting them from my PC. One at a time deleting is impractical - I have 1000 photos! Why isn't this easy and intuitive?
When you hooked up to your PC did they attempt to import? Had you imported them previously and not deleted when the import was complete?
If you have to delete them directly on your device, you need to press the select button and just keep selecting until you have all of them selected, then put them in the trash.
You do not need to select one then trash it, then select another then trash it. You can select as many as you like before clicking on the trash icon.
Cheers,
GB -
Why isn't my iPad 2 giving me alerts for my all-day events?
Why isn't my iPad 2 giving me alerts for my all-day events? I have alerts set-up for 2 days prior. My alerts work for other calendar entries where they are set-up for 15mins prior.
The laptop has a more powerful wifi radio then the iPad. Try getting closer to the location where iPad can connect.
Maybe you are looking for
-
How to find out, if a dynamic genereated structure already exists in DDIC?
Good morning developers, can you help me with that above mentioned problem? I'm about to write a report which manages to change tablecontrol(s) to alvgrids. My current problem is, that i read all fields of a tablecontrol and generate its <b>structure
-
Can spotlight be configured to search iWork templates (it will search MS Word templates)? Thank you for your help. Derek Cassells
-
Double Tap to enlarge doesn't work even though selected in preferences?
Also had several crashes of Dashboard. Other than that seems to be fine.
-
Entourage Email Window Display Lock?
I just got a new MacBook Air and Thunderbolt display. When I open email in Entourage, the window automatically goes to the very upper left corner of the screen. How do I set it so it remembers to open windows in the middle of the display?
-
Hello All, Just want to prepare ahead of time for possible server-down cases where a drive fails etc. What I want to do is find out a bit more about how the boot sequence is completed. If for example the primary boot partition was to become corrupted