Problem with NAV - SOS!

Hi guys, SOS please! I was playing with the code and broke accidentally nav of my Web site into two lines instead of one, so the Contact button has now dropped down to the line below - below the Home button, instead of them all lined up on the line. I use Dreamweaver CC. I've checked the css of the navwrap and the sf menu but I don't see the problem... Any help would be appreciated! Here is a link to the page - archery target panic Mental training | MindTraining.net

Thank you very much

Craig T

I found an old version of the code and replaced it - so I've found a workaround. See you soon.

Tags: Dreamweaver

Similar Questions

BlackBerry Smartphones Blackberry curve 9380 problem with the sos service

Dear

BBM

I am from pakistan

in 2013, I bought blackberry curve 9380 that it worked well without any problems.

only 8 months before it shows the installation of the sos service fail.

I updated a new os in it even it's show same problem so kindly give me the precise of the IDF solution so that I should use.

model. 9380 curve

PIN code. [removed personal information]

BT MAC - 80 60 07 7 BB 20

Made in Malasia

It is a forum sponsored by BlackBerry user. I am a user like you.

I do not understand "SOS service installation failed. What is installation of service in this context with SOS?

I'm guessing that you mean that you are the only emergency service. I would have again assumed SIM card problem before the problem of the OS.

Have you tried another SIM card in your BlackBerry and tried your SIM in another phone?

Problem with Nav button

I'm trying to get a button to go to the next section. I searched several books and this is the best I can find. I get errors.
nextButton.on (release) {}
gotoAndStop (nextFrame ());
}
I know it's pathetic. Thanks for the help in advance.
-Taylor

lol, it's a little pathetic. but I feel for you because I think I was as confused as you.

use:

nextButton.onRelease = function() {}
nextFrame(); This will advance the current image of a timeline
}

Toshiba Satelite a300 Windows 7 32 bit problem with music keys

Hi, I just installed Windows 7 (32 bit) and I have a problem with the music keys. I can't find driver for it even on the toshiba official site. I had been looking in this and many other forums, but no answers have been good enough to solve my problem. "I've been to the installation of several ' for sure the work drivers" and nothing. It is with my Web camera - no driver. After I installed my touchpad began to be brighten up, but I still can't use the music BIOS update keys. I hope someone can help. Please :)

Sorry for my English

Install the Toshiba value added for the A300 (use the PVAT Win7, not the PVAT Vista).

This site of Toshiba: http://www.csd.toshiba.com/cgi-bin/tais/support/jsp/home.jsp?nav=Download

Problems with Toshiba Flash cards

I have problems with toshiba flash Cards on my desk and stay there. It says flash cards, not reponding, but I can't get rid of it. This utility is really necessary to make my computer work correctly? How can I get it out of my office?

Hi Bklawinsky,

· Did you do changes on the computer before the show?

· The other device USB (Universal Serial Bus) have recognized?

Follow the suggestions below for a possible solution:

Method 1: You will need to check the updated version of the utility of flash cards on the site of Toshiba, if found, install and check if the problem persists.

Method 2: If you can't find any update of the utility so I would suggest that you uninstall using programs and features, reinstall it later using the Toshiba website, according to your model number of the computer to download the utility below.

Uninstall or change a program

http://Windows.Microsoft.com/en-us/Windows-Vista/uninstall-or-change-a-program

Toshiba downloads

http://www.CSD.Toshiba.com/cgi-bin/TAIS/support/JSP/home.jsp?NAV=download

Let us know if that helps.

problem with the razor Megalodon headphones

Since I was on Windows 8, I have problems with my razor Megalodon headphones, the sound is not stable, I lost every 3 seconds

I read that I have to update the driver of the razor Megalodon, but Windows8 reacts in the same way as the answers have shown by people on Youtube

Hi François,

For you help I would be grateful if you could answer the following question:

Problems sound on the computer?

Method 1: Run the troubleshooting of Audio playback and.

Follow the steps to run the Troubleshooter:

(a) press the Windows key + W on your keyboard.

(b) type of Troubleshooting , click Troubleshooting.

(c) click on see all.

(d) click on Audio playback.

(e) click on the Next button to run the troubleshooter.

Requirements for helmet Razor Megalodon is Windows® XP / x 64 / Vista / Vista64/Windows 7

Check out the link;

http://www.razerzone.com/gaming-audio/Razer-Megalodon

Method 2:

Download the drivers for windows 7 and install in compatibility mode.

' ' Helpdesk' downloads ' Audio Razer "Razer Megalodon

http://drivers.razersupport.com//index.php?_m=downloads&_A=view&parentcategoryid=37&PCID=78&NAV=0, 78

Make the programs more compatible with this version of Windows

Most of the programs created for earlier versions of Windows also work in this version of Windows, but some older programs might run poorly or not at all. If a program written for an earlier version of Windows does not work, you can try to change the program compatibility settings, by using the program compatibility problems or manually choose compatibility settings.

http://Windows.Microsoft.com/en-us/Windows-8/older-programs-compatible-version-Windows

What is program compatibility?

http://Windows.Microsoft.com/en-us/Windows-8/what-program-compatibility

Still faces problems, I suggest you to contact the Support of Razer.

http://www.razersupport.com/

If you need help with Windows, please do not hesitate to post. We will be happy to help you.

Problem with the virtual copy exports - JPEG vs DNG

Hi all - just a quick question - I have a set of photos developed in LIghtroom that include several virtual copies of which I now want to export to in the form of final versions on my hard drive. All virtual copies are B & w versions of the masters (post-processing work also differs slightly on the top of the b & w preset).
I need a patch of JPEG and DNG files.
Export to JPEG files seems to work without a hitch and all the pictures come out like in Lightroom.
Exporting DNG however come with a question - all virtual copies come out as images themselves IE. not virtual copies, but they are more b & w as they are supposed to be, but go out like color.
Color version masters come out well. Exports of virtual copy have different look (as expected) and the file size slightly different (also planned?) suggesting this only thing missing for me is the parameter b & w.
I have tried everything to fix this problem with no use - export the virtual copies separately etc. As already said - JPEG works, but DNG does not...
Someone at - he experienced this and if so any suggestions on how to fix...?
Thks a lot!
V

DNG files are 'RAW' files - they cannot be changed.

You can export only B & W versions as (pixel database files) as JPG or TIFF

You can export copies of a DNG, but they are still RAW.

You can embed data in a DNG file (containing similar to XML with the NAVE sidecar files and raw CR2 files), but editing will be visible in software that can interpret the raw data (like Lightroom or ACR)

Problem with "Scripts" to convert the NEF to JPG

Hello
I'm trying to batch naves convert to jpg using file > Scripts > processor of images, what I did before, but when I click on select file to select files NAVE of the memory card, Photoshop does not recognize the NEF files.
Photoshop is grateful the NEF files in the case opposite and if I click on "Save as" and save it as a JPG file, it works, but it's a lot of work to save more than 500 images...
Any suggestions?
Thank you!

There are also some problems with photo, download maps of the camera. I would like to move the files to your computer to convert their use you BONES to move them.

I have problems with my header image position in browsers. white space above it in pc, safari, crome then to right in firefox.

nydogworks.NET
" < html xmlns =" http://www.w3.org/1999/xhtml ">
< head >
< meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
< title > NYDogWorks Long Island dog training and behavior < /title >
< name meta = "description" content = "Serving all of Long Island, Nassau and Suffolk. NYDogWorks specializes in dog training, dog behavior and puppy training. ">
< name meta = "keywords" content = "dog training, dog training, dog, long island trainer long island dog obedience, puppy training course" >
< link href = "css/mainstyle.css" rel = "stylesheet" type = "text/css" / > "
< script type = "text/javascript".
src = » http://AJAX.googleapis.com/AJAX/libs/jQuery/1.4.1/jQuery.min.js "> < / script > <!-start of the mandatory code below - > '.
< href = "" css/dropdown.css a link "media ="screen"rel ="stylesheet"type =" text/css"/ >"
".. href="css/default.advanced.css a link "media ="screen"rel ="stylesheet"type =" text/css"/ >
<!-[if lt IE 7] >
"< script type =" text/javascript"src="js/jquery/jquery.js "> < / script >
"< script type =" text/javascript"src="js/jquery/jquery.dropdown.js "> < / script >
<! [endif]-->
<!-/-> END
< link href = "css/overlay - apple.css" rel = "stylesheet" type = "text/css" / >
"< script src="js/jquery.tools.min.js "> < / script >
< style >
div.apple_overlay h2 {}
margin: 10px 0 - 9px 0;
color: #222;
make-weight: bold;
do-size: 14px;
}
div. Black h2 {}
color: #222;
}
#apple {}
margin-top: 10px;
float: left;
Width: 250px;
padding-right: 10px;
}
#apple img {}
background-color: #fff;
padding: 2px;
border: 1px solid #ccc;
margin: 2px 5px;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
{body
margin-right: auto;
left margin: auto;
}
< / style >
<!-[if lt IE 7] >
< style >
{div.apple_overlay}
background-image: url (http://static.flowplayer.org/tools/img/overlay/overlay_IE6.gif);
color: #fff;
}
/ * by default positioned top right close button * /.
div.apple_overlay div.close {}
background-image: url (http://static.flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);
}
< / style >
<! [endif]--> < script type = "text/javascript" >
function MM_swapImgRestore() //v3.0 {}
var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;
}
function MM_findObj (n, d) {//v4.01
var p, i, x; if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}
d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}
If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];
for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);
If (! x & & d.getElementById) x = d.getElementById (n); Return x;
}
function MM_swapImage() {//v3.0
var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).
If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}
}
< /script > < script type = "text/javascript" >
function MM_preloadImages() {//v3.0
var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();
var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)
If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}
}
< /script >
< script type = "text/javascript" >
var _gaq = _gaq. [];
_gaq.push (['_setAccount ',' UA-26177215-1 ""]);
_gaq.push (['_trackPageview ']);
(function() {}
GA var = 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]; ParentNode.InsertBefore (ga, s);
})();
function MM_swapImgRestore() //v3.0 {}
var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;
}
function MM_findObj (n, d) {//v4.01
var p, i, x; if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}
d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}
If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];
for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);
If (! x & & d.getElementById) x = d.getElementById (n); Return x;
}
function MM_swapImage() {//v3.0
var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).
If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}
}
< /script >
< / head >
< body onload = "MM_preloadImages ("images/nydogworks-logo-hover.png','images/formation-services-le. jpg','images/behavior-therapy-on.jpg','images/off-leash-training-on.jpg') ">"
< div id = 'wrapper' > < div id = "header" >
< div id = "logoBox" > < a href = "index.html" MM_swapImgRestore"onmouseover =" MM_swapImage ('Image3', ",' images/nydogworks-logo - hover.png', 1)" > < img src = "images/nydogworks - logo.png" alt = 'NY Dogworks' name = "3" width = "280" height = "200" border = "0" id = "3" / > < /a > < / div > "
< div id = 'slogan' > serving all the Long Island, Nassau & amp; Suffolk Counties < br / >
Serving also Manhattan, Brooklyn & amp; Queens
< / div > < div id = "address" >
< h2 > < img src = "images/calltogetstarted.png" width = "473" height = "74" alt = "Call to start" / > < / h2 > "
< / div > < div id = 'mainNav' > <!-start of the code required below->
< ul class = "drop-down horizontal menu dropdown" id = "nav" name = "nav" >
< li > < a href = ' all-New York - dog - works.html "> about us < /a > < /li >
< li > < a href = "long-island-dog-training - program" class = "dir" > < /a > training programs
< ul >
< li > < a href = "basic - obedience.html" > in the House of dogs < /a > < /li >
< li > < a href = "dog-behavior - therapy.html" > < /a > < /li > behavioral therapy
< li > < a href = "Council-and-train-dog - program.html" > consulting & training program < /a > < /li >
< li > < a href = ' off-leash - training.html ' > Off Leash training < /a > < /li >
< li > < a href = ' Puppy-training - program.html "> training Puppy < /a > < /li >
< /ul >
< /li >
< li > < a href = "dog-trainer - testimonials.html" class = "dir" > stories < /a > < /li >
< li > < a href = "contact-long-island-dog - trainer.html" class = "dir" > contact us < /a > < /li >
< /ul >
<!-/ END--> < / div >
< / div >
< div id = "container" >
< div id = "imgholder" > < a href = "long-island-dog-training - program" > < img src = "images/hand - header.jpg" alt = "private dog training long island new york" width = "951" height = "416" border = "0" / > < / has >
"< div id ="program1"> < a href =" long-island-dog-training - program "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image6 '", ' images/training-services - we .jpg ', 1) "> < img src =" images/training - services.jpg ' alt = 'dog training services' name = 'Image6"width ="315"height ="137"border ="0"id ="Image6"/ > < /a > < / div >
"< div id ="program1"> < a href =" Council-and-train-dog - program.html ' MM_swapImgRestore "onmouseover ="MM_swapImage (' picture5 '", ' images/boarding_training - we .jpg ', 1)" > < img src = "images/Boarding_training.jpg" alt = "consulting and training program for dogs" name = "Picture5" width = "315" height = "137" border = "0" id = "Picture5" / > < /a > < / div > "
"< div id ="program1"> < a href =" dog-behavior - therapy.html ' MM_swapImgRestore ' onmouseover =
"MM_swapImage ('Image7'",' images/Behavior_therapy2 - we .jpg ', 1) "> < img src =" images/Behavior_therapy2.jpg"alt ="behavior therapy"name = width"Image7"="311"height ="137"id ="Image7"border ="0"align ="right"/ > < /a > < / div >"
< / div >
< div id = "pageContentNoside" >
< div id = "sideSub" >
Dog training services < h2 > < br / >
< / h2 >
< ul id = "subnav" >
< li > < a href = "basic - obedience.html" > obedience base < /a > < /li >
< li > < a href = "dog-behavior - therapy.html" > < /a > < /li > behavioral therapy
< li > < a href = "Council-and-train-dog - program.html" > consulting & training program < /a > < /li >
< li > < a href = ' off-leash - training.html ' > Off Leash training < /a > < /li >
< li > < a href = ' Puppy-training - program.html "> training Puppy < /a > < /li >
< /ul >
< br / >
< iframe src = "/ / www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F NYDogWorks % 2F219268038151244% 3Ffref % 3Dts & amp;" width = 248 & amp; height = 558 & amp; show_faces = true & amp; ColorScheme = light & amp; stream = true & amp; border_color = % 23FFFFFF & amp; header = false"scrolling =" "frameborder ="0"style =" border: none; " overflow: hidden; Width: 248px; height: 558px; "allowTransparency ="true"> < / iframe >
< p > < br / >
< /p >
< p > < / p >
< p > < img src = "images/4449da18fc3aa2f249d17dc90ebd5531.jpg" width = "145" height = "136" / > < br / > "
< /p >
< / div >
< div id = "mainContentFeature1" >
< h2 > welcome to NY Dogworks < / h2 >
< p > < img src = "images/dog-break - through.jpg" alt = "new york dog trainer" width = "136" height = "170" class = "h_img_float_right" / > our private, a training courses are conducted at your home by a certified professional trainer and Expert in behavior. Lessons are adapted to fit what you want to do with your puppy or adult dog. < br / >
< br / >
We use a humane, positive and scientifically rigorous approach that makes it easy for you and your dog to succeed. Our instructions are broken down into simple steps that everyone can participate in the training and be able to practice with the family. < br / >
< br / >
< span class = "employeeName" > call today for a free Consultation! </span > < / p >
< p > do not have the time or patients to do the training? Well, NY DogWorks has the answer... We now < a href = "Council-and-train-dog - program.html" > Committee and train programs < /a > in our Center of beautiful in the house owner & amp; Trainer Brian DeMartino. It is a program of 2 to 6 weeks which is guaranteed 100%. Your dog will stay with us, without collecting additional taxes if we believe that it is not ready to move. This program may be for burglary, puppy training, socialization / obedience & amp; Manners / problem behaviours such as aggression, anxiety or fears / staff / training leaves an advanced Protection and much more... < /p >
< p > we also < a href = "Council-and-train-dog - program.html" > < /a > dogs in our facility on board if you go far and that your animal of the family to be taken care 24/7 as is he or she was one of us. A lot of game time, walks, individual attention, grooming, if necessary, the comfortable sleeping areas, with their own bed and lots lots of love... < /p >
< p > let us help you have the relationship you and your dog deserve... < br / >
< br / >
< strong > we accept now < facilities > < br / >
< img src = "images/creditcards.jpg" width = "228" height = "43" alt = "now accepts credit cards" / > < br / > "
< br / >
< br / >
< /p >
< p > < br / >
< /p >
< p > < br / >
< br / >
< / div >
< div id = "mainContentFeature2" >
< form action = "form.php" method = "post" name = "form2" id = "form2" > < table width = "279" border = "0" cellpadding = "2" cellspacing = "2" > "
< b >
< td width = "273" > < Contact fast h2 > < / h2 > < table >
< /tr >
< b >
< class td = "mainContent" > your name < table >
< /tr >
< b >
< td > < span class = "style9" >
< input name = "forname" type = "text" class = "colorfieldssmall" id = "forname" size = "20" / >
</span > < table >
< /tr >
< b >
< class td = "mainContent" > your Email address * (required) < table >
< /tr >
< b >
< td > < span class = "style7 style9" >
< input name = "Admail" type = "text" class = "colorfieldssmall" id = "Admail" size = "25" / >
</span > < table >
< /tr >
< b >
< class td = "mainContent" > < table > phone number
< /tr >
< b >
< td > < span class = "style7 style9" >
< input name = "phone" type = "text" class = "colorfieldssmall" id = "phone" / >
</span > < table >
< /tr >
< b >
< td > < span class = "mainContent" > Type of dog training </span > < table >
< /tr >
< b >
< class td = "mainContent" > < span class = "style9" >
< select name = "need" class = "colorfieldssmall" id = 'need' >
< option value = "A SΘlectionner" > select a < / option >
< option value = "basic obedience" > obedience based < / option >
< option value = "Behavior therapy" > behavioral therapy < / option >
< option value = "Council and Train" > Board and Train < / option >
< option value = "Off Leash Training ' > Off Leash training < / option >
< option value = 'Puppy Training' > training Puppy < / option >
< / select >
</span > < table >
< /tr >
< b >
< td > < span class = "mainContent" > feedback </span > < table >
< /tr >
< b >
< td > < textarea name = "comments" id = cols 'comments' = '24' ranks '8' = > < / textarea > < table >
< /tr >
< b >
< td > < div align = "left" >
< input type = "submit" name = "submit" id = "submit" value = "Submit" / >
< / div >
< table >
< /tr >
< / table > < / make >
< h2 > < br / >
We are available in the following areas: < / h2 >
< p > Long Island, Nassau County, Suffolk County, Manhattan, Brooklyn, Bronx, & amp; Queens. < /p >
< p > * we pick up and drop off services for your pet for boarding and the boarding and training. < br / >
< /p >
Dog training testimonials < h2 > < br / >
< / h2 >
< p > Send to Brian Otis to Board and train program has been the best decision I ever made. After being told Otis could not be helped, and it should be watched, I was devastated. Otis is Brian program from a few weeks back and is extremely docile and friendly. It's the same pup we brought back a few years previously, but more calm and without any aggression. We are working on obedience Otis' every day and walk him and he put on the conveyor belt. Thanks to Brian, our dog is carefree and more affordable. The list goes on and the way that Brian has helped the family, myself and especially Otis. If you are having problems with your dog, especially problems of behaviour and aggression, my advice to you is to trust Brian. Your dog will be in good hands with a safe, reliable, responsible, in love with dog that will treat your dog as her own. < br / >
< span class = "testimonalName" > < strong > < br / >
Victoria Zilli < br / >
< facilities > < / span > < span class = "mainContent" > Long Island, New York </span > < br / >
< br / >
< a href = "dog-trainer - testimonials.html" > read more dog training work < /a > < br / >
< br / >
< br / >
< br / > < / div >
< div id = "bread crumbs" >
< p > < a href = "index.html" > home < /a > & gt; Welcome to the premier NYC dog training company, NY DogWorks < br / >
< strong > serving all of Long Island, Nassau & amp; The County of Suffolk, Manhattan, Brooklyn, & amp; Queens < facilities > < br / >
< /p >
< / div >
< / div >
< div id = "footer" >
< div id = "footermenu" >
< div id = "footermenu1" >
< / div >
< / div >
< div class = 'phone number' id = 'copyright' > Copyright © 2014 NY DogWorks < / div >
" < div class ="stuck"id ="sitedesigner"> site on Long Island Web design by < a href =" http://www.wetribet.com "title = 'Wet Ribet' target = '_blank' class ="medlink"> wet Ribet < /a > < / div > "
< / div >
< / div >
< / div >
< / body >
< / html >

You can replace your code with my code - then it should work.

Problem with horizontal nab bar

Hi all
Could someone help me please with the navigation bar on the link below. Im just in the middle of adapting it if it was a spry menu bar, BUT I'm getting into a bit of a confusion with her. As you can see there are a number of problems with it.
1) there is a gap between the image header and buttons, I tried to add this rule, ' border-top: 1px black solid' but it still does not go.
(2) its base slightly to the right, I would that he sit central to the header image.
(3) the buttons are not displayed correctly.
http://www.clockdoctors.co.uk/index.html
Really appreciate help on this.

Try the combination below:

#nav {}

background-color: #000;

Width: 960px;

margin: 0;

padding: 0;

}

#nav li {}

do-size: 16px;

position: relative;

float: left;

Width: 20%;

margin: 0;

padding: 0;

list-style-type: none;

}

#nav li: hover ul {}

Display: block;

}

#nav li a: hover {}

color: #fff;

}

#nav li a {}

display: block;

padding-top: 20px;

padding-bottom: 20px;

padding-left: 20px;

color: #D6A746;

text-decoration: none;

font size: 20px;

background-image: url (http://www.clockdoctors.co.uk/Still%20button.jpg);

background-repeat: no-repeat;

margin: 0 5px 0 5px;

do-family: Georgia, "Times New Roman", Times, serif;

make-weight: bold;

make-style: italic;

}

#nav li ul {}

float: none;

display: none;

position: absolute;

top: 60px banner;

left: 0;

margin: 0;

padding: 0;

}

#nav li ul li {}

margin: 0;

padding: 0;

Width: 100%;

}

#nav li ul li a {}

Width: 100%;

}

Problem with CSS formatting! Urgent help!

I'm having a problem with the creation of a css formatting, in the past I've used tables and I'm trying to convert my sites for my clients. I put the site using div and css tags and it looks great, until I put in the cosing of the menu bar. When I put in the menu bar coding all of a sudden the bar has a padding around her, but I can't find a padding that it would change in the css coding. I need a result as soon as possible! so please help. ill show my code below:
It's the div of coding:
< div id = Nav >
< ul class = menu "drop-down" id = "bar"; "Width: 879px" name = 'Bar' >
< class li = "style16" style = "width: 161px;" height: 22px ">"
< a href = "default.html" style ="width: 146px" > home < /a > < /li > "
< class li = "style10" style = "width: 169px;" height: 23px ">"
< a href = "about.html" style ="width: 153px" > on < /a > < /li > "
< class li = "" style = "height: 31px; Width: 175px; left: 0px; Top: 0px ">"
< a href = "Equipment.html" class = "style18" > "
< div class = "style10" style = "width: 156px;" height: 20px; ">
Hardware < / div >
< /a > < ul class = "sub_menu" >
< li > < a href = "compressor.html" > compressors Air < /a > < /li > ""
< li > < a href = "compactions.html" > compaction < /a > < /li > ""
< li > < a href = "concrete.html" > equipment concrete < /a > < /li > ""
< li > < a href = "forklifts.html" > Fork Lifts < /a > < /li > ""
< li > < a href = "generators.html" > generators < /a > < /li > ""
< li > < a href = "groundthawing.html" > ground thaw < /a > < /li > ""
< li > < a href = "heaters.html" > heaters < /a > < /li > ""
< li > < a href = "scissorlifts.html" > Scissor Lifts < /a > < /li > ""
< li > < a href = "boomlifts.html" > Boom Lifts < /a > < /li > ""
< li > < a href = "lighttowes.html" > light towers < /a > < /li > ""
< li > < a href = "misc.html" > various < /a > < /li > ""
< li > < a href = "dirtequipment.html" > Dirt equipment < /a > < /li > ""
< li > < a href = "powertools.html" > Power Tools < /a > < /li > ""
< li > < a href = "pumps.html" > pumps | "" Saws | Welders < /a > < /li >
< /ul >
< /li >
< style li = "width: 165px" > < a href = "locations.html" >
< div class = "style10" style = "width: 154px" >
Locations < / div >
< /a >
< /li >
< style li = "width: 180px" > < a href = "contact.html" >
< div class = "style16" style = "height: 24 PX" >
Contact us < / div >
< /a > < /li >
< /ul >
< / div >
It's the css coding:

{#wrapper}
Width: 880px;
margin-right: auto;
left margin: auto;
background-color: #f4f4f4;
}
{#Navigation}
background-image: url(Images/NAvigation%20BAr.jpg);
background-repeat: no-repeat;
Width: 880px;
visibility: visible;
height: 3 - px;
vertical-align: top;
}
{Of NAV
vertical-align: top;
margin: 0px;
padding: 0px;
Clear: both;
height: 20px! important;
}

{#wrapper1}
Width: 876px;
margin-right: auto;
left margin: auto;
color: #F4F4F4;
/ * IE10 consumer Preview * /.
background-image: ms-linear-gradient(left, #716375 0%, #E8E8E8 100%).
/ * Mozilla Firefox * /.
background-image:-moz-linear-gradient(left, #716375 0%, #E8E8E8 100%).
/ * Opera * /.
background-image:-o-linear-gradient(left, #716375 0%, #E8E8E8 100%).
/ * Webkit (Safari/Chrome 10) * /.
background-image:-webkit-gradient (linear, left top, upper-right, color-stop(0, #716375), color-stop(1, #E8E8E8));
/ * Webkit (Chrome, 11 +) * /.
background-image:-webkit-linear-gradient(left, #716375 0%, #E8E8E8 100%).
/ * W3C Markup, IE10 Release Preview * /.
background-image: linear-gradient(to right, #716375 0%, #E8E8E8 100%).
low-margin: auto;
}
{#Bar}
background-repeat: no-repeat;
Width: 880px;
height: 28pt;
overflow: visible;
background-image: url(Images/NAvigation%20BAr.jpg);
position: relative;
vertical-align: top;
}
#container {}
Width: 880px;
Color: #000;
background-color: #EDEDED;
dominant baseline: 578px;
/ * IE10 consumer Preview * /.
background-image: ms-linear-gradient(left, #716375 0%, #E8E8E8 100%).
/ * Mozilla Firefox * /.
background-image:-moz-linear-gradient(left, #716375 0%, #E8E8E8 100%).
/ * Opera * /.
background-image:-o-linear-gradient(left, #716375 0%, #E8E8E8 100%).
/ * Webkit (Safari/Chrome 10) * /.
background-image:-webkit-gradient (linear, left top, upper-right, color-stop(0, #716375), color-stop(1, #E8E8E8));
/ * Webkit (Chrome, 11 +) * /.
background-image:-webkit-linear-gradient(left, #716375 0%, #E8E8E8 100%).
/ * W3C Markup, IE10 Release Preview * /.
background-image: linear-gradient(to right, #716375 0%, #E8E8E8 100%).
low-margin: auto;
}
#content {}
float: left;
color: #090;
Width: 580px;
padding-right: 6px;
background-color: #033;
top of the margin: 20px;
}
. Container {}
Color: #000;
background-color: #ff6;
Width: 876px;
}
{#expect}
height: 164px;
Width: 294px;
float: right;
position: relative;
background-color: #C90;
margin left: 582px;
padding-top: 10px;
}
{#hours}
float: left;
height: 55px;
Width: 294px;
line-height: 4px;
Word-spacing: normal;
white-space: normal;
display: inline;
letter-spacing: normal;
padding-top: 10px;
font size: 13pt;
Color: #000;
margin left: 586px;
background-color: #F99;
}
#footer {}
height: 76px;
Width: 880px;
background-color: #CC0;
Clear: both;
}

{#cards}
float: right;
height: 31px;
Width: 294px;
margin left: 582px;
padding-top: 10px;
background-color: #F36;
}
{#contact}
float: left;
height: 328px;
Width: 293px;
Word-spacing: normal;
white-space: normal;
line-height: 1px;
Color: #000;
display: inline;
do-size: 14pt;
background-color: #FFF;
padding-top: 10px;
top of the margin: 20px;
}
#header {}
background-image: url(Images/Proquip%20Logo/Proquip%20logo2.jpg);
background-repeat: no-repeat;
background-position: Center;
Width: 885px;
height: 126px;
background-color: #000;
right margin: 2.5px.
left margin: 0px;
}
#wrapper #container #contact {strong p
color: #800000;
do-size: 14pt;
}
#wrapper #container #contact blockquote p {}
Color: #000;
}
#wrapper #container #expect div {}
color: #900;
do-size: 14pt;
make-weight: bold;
}
#wrapper #container #hours div {}
color: #900;
do-size: 14pt;
make-weight: bold;
}
{#box2}
background-image: url(Images/Option%201/Services/whitebox2.jpg);
}
{#box3}
background-image:URL(images/option%201/services/redbox2.jpg);
background-repeat: repeat no.;
background-position: Center;
}
{#gold}
background-image:URL(images/option%201/logos/gold.gif);
background-repeat: repeat no.;
}
{#white}
background-image:URL(images/option%201/Proquip-pics/Box1.gif);
background-repeat: repeat no.;
}
{#forklift}
background-image:URL(images/option%201/Proquip-pics/34-01-4380.jpg);
background-repeat: repeat no.;
}
{#scissorlift}
background-image:URL(images/option%201/Proquip-pics/JLG-scissor-lifts-21.jpg);
background-repeat: repeat no.;
}
/ * Navigation Menu - level a * /.
UL {}
list-style: none
}
{UL. DropDown}
font size: 13pt;
Color: #000000;
height: 25px;
text-decoration: none! important;
Width: 860px;
position: relative;
vertical-align: top;
}
{UL #bar. DropDown}
Width: 878px;
position: relative;
vertical-align: top;
}
UL. DropDown li {}
Police-weight: 600;
float: left;
Zoom: 1;
do-family: Arial, Helvetica, without serif.
font size: 13pt;
display: block;
Width: 175px;
Color: #000000;
top: 25px;
text-decoration: none! important;
text-align: center;
}
UL. DropDown a: hover {}
color: #cc0000;
}
UL. DropDown a: active {}
Color: #000000;
}
UL. DropDown li a {}
display: block;
border-right: 1px solid #333;
Color: #000000;
border-right-width: 1px;
text-decoration: none! important;
text-align: center;
}
UL. DropDown li: last - child a {}
border-right: none; / * does not wotk in IE * /.
text-decoration: none! important; }
UL. DropDown li.hover,
UL. DropDown li.hover {}
Color: #000000;
position: relative;
height: 28px;
Top: 0px;
}
UL. DropDown li.hover a {}
color: #800000;
}
/ * Level two Navigation * /.
UL. DropDown ul {}
Width: 180px;
visibility: hidden;
position: absolute;
top: 100%;
left: 36%;
display: block;
float: left;
Color: #000000;
text-decoration: none! important;
height: 25px;
}
UL. DropDown ul li {}
make-weight: normal;
Color: #000000;
border-bottom: 1px solid #ccc;
float: left;
border-bottom-color: #c0c0c0;
border-bottom-style: groove;
display: block;
background-color: #dbdbdb;
text-decoration: none! important;
}
/ * IE 6 & 7 needs to block inline * /.
UL. DropDown ul li a {}
border-right: none;
display: inline-block;
height: 18px;
line-height: 16px;
Color: #000000;
Width: 100%;
text-decoration: none! important;
}
/ * Level three Navigation * /.
UL. DropDown ul ul {}
top: 100%;
Color: #000000;
text-decoration: none! important;
}
UL. DropDown li: hover > ul {}
visibility: visible;
Color: #000000;
top: 30px;
text-decoration: none! important;
}

Ah, I see now, you've introduced an error in your css. You currently have...

UL. DropDown li {}

Police-weight: 600;

float: left;

do-family: Arial, Helvetica, without serif.

font size: 13pt;

display: block;

Width: 175px;

Color: #000000;

top: 25px;

text-decoration: none! important;

text-align: center;

{margin: 0; padding: 0}

}

Delete these extra {}...

UL. DropDown li {}

Police-weight: 600;

float: left;

do-family: Arial, Helvetica, without serif.

font size: 13pt;

display: block;

Width: 175px;

Color: #000000;

top: 25px;

text-decoration: none! important;

text-align: center;

margin: 0;

}

Problem with resizing fonts in the menu

Hello, I'm almost done with my website, http://www.trolllord.com but I'm running into a problem with the font size in the menu. At some point I must have accidentally set something wrong and need a new set of eyes on it. When you hover over the menu items and sub-menu, the font size will more great. This causes a few things up to two lines and is harsh on the eyes. Can anyone help? Here's my CSS for the menu:
/ * Clearfix * /.
. Clearfix: before,
. Clearfix: after {}
content: "";
Display: table;
}
. Clearfix: after {}
Clear: both;
}
{.clearfix}
* zoom: 1;
}
/ * Basic styles * /.
{of NAV
Display: block;
Width: 100%;
min-height: 40px;
height: auto;
do-size: 0;
do-family: ' PT without ', Arial, without serif.
make-weight: bold;
position: relative;
margin: 0;
color: #fff;
background-color: #000000;
text-align: center;
}
NAV ul {}
padding: 0;
margin: 0 auto;
min-height: 40px;
height: auto;
}
/ * Only need to make a set of rules for nav li here * /.
nav li {}
text-align: center;
/ * This defines the inline-block elements, but also works in older versions of IE when fails inline-block * /.
display: inline-block;
Zoom: 1;
* display: inline;
vertical-align: top;
position: relative;
Width: 100px;
line-height: 40px! important;
height: 40px! important;
do-size: 11pt;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/ * No need to reuse the float: left and display: block here - in fact it can spoil things later! */
{li: hover NAV
background-color: #993300;
}
/ * Let's worry about the main nav first, then later, the subnav * /.
NAV a {}
color: #fff;
/ * All we need here is block since the li tags are inline-block for us * /.
display: block;
text-decoration: none;
text-shadow: 1px 1px 0 #283744;
}
NAV a: hover, nav one: focus, nav a: active {}
background-color: #993300;
}
/ * An easier way to say that any link that comes after another link needs a left border * /.
nav li + li {}
border-left: 1px solid #576979;
}
{#pull}
display: none;
}
NAV ul li {ul.submenu}
min-width: 200px;
display: none;
position: absolute;
z-index: 100;
top: 40px;
Left: 0;
padding: 0;
margin: 0;
}
NAV ul li: hover ul.submenu {}
display: block;
}
.submenu li {}
background-color: #455868;
display: block;
Width: 70%! important;
}
.submenu li a {}
background-color: #456855;
color: #fff;
display: block;
text-align: left;
line-height: 20px;
padding: 10px 25px;
text-decoration: none;
text-shadow: 1px 1px 0 #283744;
border-right: none;
border-bottom: 1px solid #576979;
}
.submenu a: hover, .submenu a: focus, .submenu a: active {}
background-color: #993300;
}
/ * Styles for screen 1000px and low * /.
@media only screen and (max-width: 1000px) {}
nav li {}
do-size: 10pt;
Width: 50%;
}
}
/ * Styles for screen 515px and low * /.
@media only screen and (max-width: 515px) {}
{#pull}
Display: block! important;
line-height: 40px! important;
height: 40px! important;
do-size: 11pt;
background-color: #000000;
Width: 100%;
position: relative;
}
#pull: after {}
content: "";
Width: 30px;
height: 30px;
position: absolute;
right: 15px;
Top: 10px;
background: url(file:///Macintosh%20HD/Users/redsoxburns/Desktop/wwwroot/images/nav-icon.png) no-repeat;
}
NAV ul {display: none ;}}
nav li {}
do-size: 11pt;
Width: 50%;
border-left: 0! important;
border-bottom: 1px solid #576979;
}
nav li a {}
line-height: 20px;
padding: 10px 25px;
}
}
/ * Smartphone * /.
@media only screen and (max-width: 320px) {}
nav li {}
Width: 100%;
}
{.submenu}
min-width: 44px;
Width: auto;
right: 0;
}
}
Thanks in advance for any thoughts... Tim

Add the "BOLD"...

NAV a: hover, nav one: focus, nav a: active {}

background-color: #993300;

do-family: ' PT without ', Arial, without serif.

}

problem with floating divs

I have problems with this layout. It seems that the two divs floating at the bottom are not staying in the main, div. of parent
< div style = "width: 700px; margin-left: auto; margin-right: auto; ">
"< p > < img src="website/public_html/images/support_center_logo.png "width ="222"height ="34"style =" padding-left: 10px; " "/ > < / p >
< p >
"< div style =".
text-align: right; padding: 3px; ">
Insert here the NAV
< / div >
< div style = "padding: 5px;" >
< span style = "color: #99CC00;" do-size: 18px; Police-weight: 500; "> Welcome! </span > < p >
Text here
< hr / >
< div style = "width: 280px;" padding: 10px; Display: inline; float: left; ">
< div style = "make-weight: bold;" color: #0033CC; ' > open a new Ticket < / div >
< div >
Here area < p > < /p >
< form id = "form1" name = "form1" method = "post" action = "" >
< input type = "submit" name = 'New open Ticket' id = 'New Ticket open' value = 'Open new Ticket' / >
< / make >
< p > < / p >
< / div > < / div >
< div style = "width: 280px;" padding: 10px; Display: inline; float: right; ">
< div style = "make-weight: bold;" color: #0033CC; ' > check ticket status < / div >
< div >
here two box < p > < /p >
< form id = "form1" name = "form1" method = "post" action = "" >
< label for = "ticketID" > Ticket #: < / label >
< input type = "text" name = "ticketID" id = "ticketID" / > < p >
< input type = "submit" name = 'New open Ticket' id = 'New Ticket open' value = "openNewTicket" / >
< / make >
< / div >
< / div >
< / div >
< / div >

//...... ///

Can also use clearfix: http://www.webtoolkit.info/css-clearfix.html

Problem with my layout

Hello, im, set up my layout to add all the info in there etc... and I encountered a problem to which I was not able to find a solution.
My question is this.
This ONLY happens when I previews in firefox. When I saw it in chrome or IE8 it looks like perfectly. I do not have previous versions for IE, so I can't see if there is any problem with those. Also, my footer_wrapper div has a wavy line beneath green and it says something about the container not being is not wide enough to receive a float... etc, but I did all the calculations and it should all be wide and perfect pixel
Here is the HTML code and law which is the CSS code.
< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 "/ >"
Home < title > < /title >
< link href = "tgog_home_css.css" rel = "stylesheet" type = "text/css" / > < / head > "

< body >
< div id = "container_wrapper" >
< div id = "container" >
< div id = "lColumn" >
< div id = "logo" > space for logo < / div > 
< div id = "paragraph" > space for a nice image < / div >

< / div > 
< div id = "rcolumn" >
< div id = "nav" > space for the navigation bar. < / div >

< div id = "btns_info" >
< div id = 'learn' > I have some content here on my first button. blah blah blah blah ablha blah ablha blah ablha blah blah ablha blah ablh ablha ablh blah blah blha more blah blah blah blah blah blah blah blah blah ablhha blha blha blha blah blah blah blah blah blah blah blah blah blah blah < / div > <!-end to learn info->
< div id = "explore" > I have a content here. blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah ydda blah blah more blah blah add blah blah ydadda blah blah blah blah blah
< / div > <!-end of explore->
< div id = 'understand' > more content on this side, more more content here. content content content content content content content content content content content happy content contentmore happy content content content content content
< / div > <!-end to understand->
< / div > 
< div id = 'contact form' > and here is my problem. This text is redundant with 3 boxes at the top and for some reason, no matter what I do still does not work. This only happens in firefox... I've checked chrome and IE8 and it works perfectly. I don't have the other versions of IE to check, but yes... < / div >
<! - end of the contact form - >
< / div > 
< div id = "footer_wrapper" >
< div id = "footer" > and it's my footer. < / div > <! - end of the footer - >
< / div > 
< / div > 
< / div > <! - end of the container wrapper - >
< / body >
< / html >
and here's the CSS
@charset "utf-8";
/ * CSS document * /.

{#container_wrapper}
do-family: Verdana, Geneva, without serif.
Width: 1000px;
margin-right: auto;
left margin: auto;
height: 540px;
top of the margin: 10%;
}
#container {}
background-color: #FCF;
Width: 960px;

margin-right: auto;
left margin: auto;
position: relative;

}

{#lcolumn}
Color: #F00;
Width: 330px;
float: left;
height: 500px;
position: relative;
}
#logo {}
height: 100px;
Width: 330px;
position: relative;
}
{#parragraph}
do-family: Verdana, Geneva, without serif.
do-size: 18px;
make-weight: bold;
height: 400px;
Width: 330px;
}
{#rcolumn}
Color: #00F;
Width: 630px;
float: right;
height: 250px;
position: relative;
}
#nav {}
height: 50px;
Width: 630px;
position: relative;
}
{#btns_info}
height: 200px;
Width: 630px;
float: left;

}
{#learn}
Width: 210px;
height: 200px;
float: left;
}
{#explore}
height: 200px;
Width: 210px;
float: left;
}
{#understand}
height: 200px;
Width: 210px;
float: left;
}

{#contactform}
position: relative;
height: 250px;
Width: 630px;
do-family: Verdana, Geneva, without serif.
Clear: both;
}
{#footer_wrapper}
position: relative;
height: 40px;
Width: 960px;
Clear: both;
}
#footer {}
text-align: center;
do-family: Verdana, Geneva, without serif.
color: #CCC;
Width: 960px;
}

body, td, th {}
do-family: Verdana, Geneva, without serif.
}
{body
background-color: #CCC;
}

Your CSS too many a position: relative rules that are not necessary and can actually cause more harm than good.

Positioning is not necessary for 98% of the page layouts. Just use positioning by default (unspecified), as well as floats and margins for align if necessary items.

Floating elements must be deleted when they are no longer needed. This is often done in HTML with a tag class and .clearing div, p, br or HR. Another tip is to wrap the floating containers inside a #wrapper parent and apply overflow: hidden. Whatever it is, the floats must be cleared to get good results.

The model of CSS 2-column next uses two methods:

http://ALT-Web.com/templates/2-column-fixed-width-template.shtml

To answer your question on the problems of fall of float, IE6 handles the CSS box model in ways it shouldn't. This is a bug that is widely discussed over the years.

http://CSS.maxdesign.com.au/Listamatic/about-boxmodel.htm

Most exposed bugs in IE

http://www.positioniseverything.NET/Explorer.html

To test your sites in older IE, download My DebugBar Multi-IE-Tester for Windows. It displays your pages as they would appear in IE 5.5, 6, 7, 8, 9 & 10 preview.

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB

IE problem with spry lists when next to Flash element

My Web site http://www.chamblissgiobbi.com/index.html has a problem with IE 7 & 8. On the pages of images where the Flash is used does not display the menu drop down. I read that the problem is that IE puts Flash on the upper level, regardless of what index Z, so that the drop-down list ends up being behind the flash. I tried a few bugs but still no luck. Here is my code, and since I'm still new to this it might be something obvious I'm doing wrong. Any help would be greatly appreciated it.
@charset "UTF-8";
/ * Sections - review: pre-release Spry 1.4 * /.
/ * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************
The AVAILABLE INFORMATION: Describes the box model, positioning, the order
*******************************************************************************/
/ * The outermost container for the menu bar, an area of width auto without margin or padding * /.
UL. MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
do-size: 12px;
cursor: default;
do-family: Arial, Helvetica, without serif.
background-color: #FFFFFF;
Clear: both;
float: left;
make-weight: bolder;
background-position: left Center.
make-style: normal;
do-variant: normal;
color: #999999;
text-align: center;
}
/ * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */
UL. MenuBarActive
{
z-index: 1000;
do-family: Arial, Helvetica, without serif.
Color: #666666;
make-weight: bolder;
}
/ * Menu item containers, position of children relative to this container and are a fixed width * /.
UL. MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
do-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
Width: 121px;
height: auto;
float: left;
do-family: Arial, Helvetica, without serif.
background-image: none;
Clear: none;
height: 22px;
make-style: normal;
make-weight: bolder;
do-variant: normal;
color: #999999;
}
/ * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.
UL. MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
do-size: 100%;
z index: 1020;
cursor: default;
Width: 66px;
position: absolute;
left:-1000em;
background-image: none;
make-weight: lighter;
min-height: 22px;
height: auto;
Color: #FF0000;
}
/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.
UL. MenuBarHorizontal ul. MenuBarSubmenuVisible
{
left: auto;
do-family: Arial, Helvetica, without serif.
Width: 7px;
background-image: url (.. / images/web/navOVER_bkgrnd.jpg);
list-style-image: none;
make-weight: lighter;
min-height: 24 PX.
height: auto;
Color: #FF0000;
background-repeat: repeat-x;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-width: 1px;
border-bottom-color: #CCCCCC;
}
/ * Container of menu items are same fixed width parent * /.
UL. MenuBarHorizontal ul li
{
Width: 7th;
make-weight: bolder;
height: 24 PX.
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
Color: #FF0000;
}
/ * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
UL. MenuBarHorizontal ul ul
{
position: absolute;
margin:-5% 0 0 95%;
do-family: Arial, Helvetica, without serif.
make-weight: lighter;
Color: #FF0000;
}
/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.
UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible
{
left: auto;
top: 0;
background-image: url (.. / images/web/navOVER_bkgrnd.jpg);
do-family: Arial, Helvetica, without serif.
make-weight: lighter;
height: 26px;
Width: 7px;
background-repeat: repeat-x;
Color: #FF0000;
}
/*******************************************************************************
INFORMATION DESIGN: Describes the set of colors, borders, fonts
*******************************************************************************/
/ * Submenu containers have borders on all sides * /.
UL. MenuBarHorizontal ul
{
border: 1px solid #CCC;
do-family: Arial, Helvetica, without serif.
make-weight: lighter;
Color: #FF0000;
}
/ * Menu items are a light grey block with padding and no text decoration * /.
UL. MenuBarHorizontal a
{
display: block;
cursor: pointer;
color: #999999;
text-decoration: none;
do-family: Arial, Helvetica, without serif.
do-size: 100%;
make-weight: bolder;
background-image: none;
background-repeat: no-repeat;
background-color: #FFFFFF;
Width: 106px;
padding-top: 0.5em;
padding-right: 0.75em;
padding-bottom: 0.5em;
padding-left: 0.75em;
}
/ Components menu that have mouse over or focus have a blue background and white text * /.
UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus
{
Color: #666666;
do-family: Arial, Helvetica, without serif.
make-weight: bolder;
background-image: url (.. / images/web/navOVER_bkgrnd.jpg);
background-repeat: repeat-x;
do-size: 12px;
border: thin dashed #999999;
}
/ * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.
UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible
{
Color: #666666;
do-family: Arial, Helvetica, without serif.
do-size: 12px;
make-weight: bolder;
background-image: url (.. / images/web/navOVER_bkgrnd.jpg);
background-repeat: repeat-x;
border: 0px none #CCCCCC;
}
/*******************************************************************************
Submenu INDICATION: styles if there is a submenu in a given category
*******************************************************************************/
/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
SLH MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: none;
background-repeat: no-repeat;
background-position: 0 95%;
border-bottom-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
color: #999999;
do-family: Arial, Helvetica, without serif.
make-weight: bolder;
do-size: 12px;
}
/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
MenuBarHorizontal ul a.MenuBarItemSubmenu SLH
{
background-image: url (.. / SpryAssets/SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 50 95%;
Color: #FF0000;
}
/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
SLH MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url (.. / images/web/navOVER_bkgrnd.jpg);
background-repeat: repeat-x;
background-position: 111% 0%;
border-bottom-width: 0px;
border-bottom-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
color: #999999;
}
/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
SLH MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url (.. / SpryAssets/SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 90%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
/*******************************************************************************
BROWSER HACKS: hacks below should not be changed, unless you are an expert
*******************************************************************************/
/ * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
SLH MenuBarHorizontal iframe
{
position: absolute;
z index: 1010;
do-family: Arial, Helvetica, without serif.
make-weight: bolder;
color: #999999;
}
/ * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.
@media screen, projection
{
MenuBarHorizontal li SLH. MenuBarItemIE
{
display: inline;
f\loat: left;
Background: #FFF;
}
}
#wrapper #nav #MenuBar1 {}
Clip: rect (auto, auto, auto, auto);
Color: #FF0000;
}

You do not use the latest Spry files

The latest version of the Adobe Spry 1.6.1 Framework it is the same version that ships with Dreamweaver CS4. If you are using Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can be easily done by using Updater Spry who can be found here.

I think that your problem will be solved once you have updated.

GRAMPS

Problem with NAV - SOS!

Similar Questions

Maybe you are looking for