I was just finishing up tweaking my web site when I lost the styling on my
Horizontal Spry Menu, now it looks like a basic library item with no styling
and I have no idea how to recover the styling? I've tried attaching css sheets
but I don't know, nothing works. I even tried setting up a new spry menu but it
has no styling either, just the basic flow text.

I'm really stuck and can't believe this has happened after all this work,
can somebody please help me?

Thank you for your time and help.
Peter

Hello,

The answer is in the code.
Can you post a link?

Take care,
Tim

"LaserGuy2u" <webforumsuser@macromedia.com> wrote in message
news:g4os3f$h0s$1@forums.macromedia.com...
>I was just finishing up tweaking my web site when I lost the styling on my
> Horizontal Spry Menu, now it looks like a basic library item with no
> styling
> and I have no idea how to recover the styling? I've tried attaching css
> sheets
> but I don't know, nothing works. I even tried setting up a new spry menu
> but it
> has no styling either, just the basic flow text.
>
> I'm really stuck and can't believe this has happened after all this
> work,
> can somebody please help me?
>
> Thank you for your time and help.
> Peter
>
>

Tim, Thanks for the speedy reply.
The site hasn't been published yet. I've pasted the code if that will work;

<ul id="MenuBar1" class="MenuBarHorizontal">
[LI]
<div align="center"><a href="index-2.html"
class="MenuBarItemSubmenu">Home</a> </div>
</li>
[LI]<a href="Gallery-2.html" class="MenuBarItemSubmenu">Photo
Gallery</a></li>
[LI]<a href="#" class="MenuBarItemSubmenu">Our Catalog</a>
[BULLET]
[LI]<a href="#" class="MenuBarItemSubmenu">Photo Plaques</a>
[BULLET]
[LI]<a
href="OurPhotoPlaqueCatalogPage-2.html#Custom5X7PhotoPlaque">5X7 Photo
Plaques</a></li>
[LI]<a
href="OurPhotoPlaqueCatalogPage-2.html#Custom6X8PhotoPlaque">6X8 Photo
Plaques</a></li>
[LI]<a
href="OurPhotoPlaqueCatalogPage-2.html#Custom8X10PhotoPlaque">8X10 Photo
Plaques</a></li>
[LI]<a
href="OurPhotoPlaqueCatalogPage-2.html#Custom9X12PhotoPlaque">9X12 _ Photo
Plaques</a></li>
[LI]<a
href="OurPhotoPlaqueCatalogPage-2.html#Custom12X15PhotoPlaque">12X15 Photo
Plaque</a></li>
[LI]<a
href="OurPhotoPlaqueCatalogPage-2.html#Custom24inchPanoramicPhotoPlaque">Panoram
ic Photo Plaque</a></li>
[/BULLET]
</li>
[LI]<a href="#" class="MenuBarItemSubmenu">Custom Plaques</a>
[BULLET]
[LI]<a
href="SpecialOccasion-ActivityPlaqueCatalogPage-2.html#SpecialOccasionPlaques">S
pecial Occasion Plaques</a></li>
[LI]<a
href="SpecialOccasion-ActivityPlaqueCatalogPage-2.html#SpecialActivityPlaques">S
pecial Activity Plaques</a></li>
[/BULLET]
</li>
[LI]<a href="#" class="MenuBarItemSubmenu">Customizable Gift
Items</a>
[BULLET]
[LI]<a
href="CustomizableGiftsCatalogPage-2.html#RosewoodOvalSinglePenBox">Oval
Rosewood Single Pen Box</a></li>
[LI]<a
href="CustomizableGiftsCatalogPage-2.html#MapleSinglePenTriangleBox">Maple
Single Pen Triangle Pen Box &amp; Pen Holder</a></li>
[LI]<a
href="CustomizableGiftsCatalogPage-2.html#MapleKeepsakeBox">Maple Keepsake
Box</a></li>
[LI]<a
href="CustomizableGiftsCatalogPage-2.html#ExecutiveCardPlayingSet">Executive
Card Playing Set</a></li>
[LI]<a
href="CustomizableGiftsCatalogPage-2.html#RosewoodFlaFaceClock">Rosewood Flat
Face Clock</a></li>
[LI]<a
href="CustomizableGiftsCatalogPage-2.html#Maple4X6PhotoAlbum">Maple 4X6 Photo
Album</a></li>
[LI]<a
href="CustomizableGiftsCatalogPage-2.html#RosewoodDominoSetinStorageBox">Rosewoo
d Domino Set in Storage Box</a></li>
[/BULLET]
</li>
[LI]<a href="#" class="MenuBarItemSubmenu">Wood Ornaments</a>
[BULLET]
[LI]<a href="Custom Wood
OrnamentsCatalogPage-2.html#bear">Bears</a></li>
[LI]<a href="Custom Wood
OrnamentsCatalogPage-2.html#bell">Bell</a></li>
[LI]<a href="Custom Wood
OrnamentsCatalogPage-2.html#elfinwreath">Elf in Wreath</a></li>
[LI]<a href="Custom Wood
OrnamentsCatalogPage-2.html#snowflake">Snowflake</a></li>
[LI]<a href="Custom Wood
OrnamentsCatalogPage-2.html#stocking">Stocking</a></li>
[LI]<a href="Custom Wood
OrnamentsCatalogPage-2.html#roundball">Round Ball</a></li>
[LI]<a href="Custom Wood
OrnamentsCatalogPage-2.html#snowman">Snowman</a></li>
[LI]<a href="Custom Wood
OrnamentsCatalogPage-2.html#bulbshaped">Bulb Shaped</a></li>
[/BULLET]
</li>
[LI]<a href="#" class="MenuBarItemSubmenu">Custom Cut Glass
Ornaments</a>
[BULLET]
[LI]<a
href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Arch">Arch</a></li>
[LI]<a
href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Bell">Bell</a></li>
[LI]<a
href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Bulb">Bulb</a></li>
[LI]<a
href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Heart">Heart</a></li>
[LI]<a
href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Oval">Oval</a></li>
[LI]<a
href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Round">Round</a></li>
[LI]<a
href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Tree">Tree</a></li>
[/BULLET]
</li>
[LI]<a href="#" class="MenuBarItemSubmenu">Custom Glass Jars</a>
[BULLET]
[LI]<a href="CustomGlassJarPage-2.html#Round">Round</a></li>
[LI]<a href="CustomGlassJarPage-2.html#Square">Square</a></li>
[/BULLET]
</li>
[LI]<a href="#" class="MenuBarItemSubmenu">A Round TUITs (To-it)</a>
[BULLET]
[LI]<a href="A-Round-TUITCatalogPage-2.html#tuit">1 Sided
TUITs</a></li>
[LI]<a href="A-Round-TUITCatalogPage-2.html#customtuit">Custom
TUIT</a></li>
[/BULLET]
</li>
[LI]<a href="CustomWoodJewelryPage-2.html">Wood Jewelry</a></li>
[/BULLET]
</li>
[LI]<a href="CustomLaserCuttingPage-2.html">Puzzle Cutting</a></li>
[LI]<a href="#" class="MenuBarItemSubmenu">Laser Services</a>
[BULLET]
[LI]<a href="CustomLaserEngravingPage-2.html">Laser Engraving
Services</a></li>
[LI]<a href="CustomLaserCuttingPage-2.html">Laser Cutting
Services</a></li>
[/BULLET]
</li>
[LI]<a href="#" class="MenuBarItemSubmenu">Information</a>
[BULLET]
[LI]<a href="FAQ-Page-2.html">FAQ</a></li>
[LI]<a href="HowToOrderPage-2.html">How to Order</a></li>
[LI]<a href="Images/Site Photos/OrderForm-2.pdf">Order Form</a></li>
[LI]<a href="How to ColorFillPage-2.html">How to Color Fill</a></li>
[LI]<a href="HowToContactUsPage-2.html">How to Contact Us</a></li>
[LI]<a href="StoreHoursPage-2.html">Store Hours</a></li>
[/BULLET]
</li>
[LI]<a href="#" class="MenuBarItemSubmenu">About Our Company</a>
[BULLET]
[LI]<a href="AboutTouchOfWood-Page2.html">About Touch of
Wood?</a></li>
[LI]<a href="AboutOurWebSitePage-2.html">About Our Web Site</a></li>
[/BULLET]
</li>
[/BULLET]

Hello,

I'm afraid that doesn't help much, though other than the <div align="center"
in the <li> the markup for the menu it looks fine.
In a spry menu, never highlight text and use the little "center text" icon
in the properties window.
It inserts a div to do so, which can destroy the menu in IE if the div wraps
around the submenu <ul> .
Center text by using text-align:center; in the link rule in the Spry CSS.

I asked if you had an URL because to lose formatting, it's usually because
of a broken link to the CSS stylesheet or a big problem with the stylesheet.
Unfortunately, that info isn't in the code you pasted.It could be some
over-riding CSS rule in the page I suppose, but I'd need to see the whole
page to know.
If you have any hosting where you can put it up, in a folder or with a
different name if you have to, it would be a big help.

Take care,
Tim


"LaserGuy2u" <webforumsuser@macromedia.com> wrote in message
news:g4p2b2$mu9$1@forums.macromedia.com...
> Tim, Thanks for the speedy reply.
> The site hasn't been published yet. I've pasted the code if that will
> work;
>
> <ul id="MenuBar1" class="MenuBarHorizontal">
> [LI]
> <div align="center"><a href="index-2.html"
> class="MenuBarItemSubmenu">Home</a> </div>
> </li>
> [LI]<a href="Gallery-2.html" class="MenuBarItemSubmenu">Photo
> Gallery</a></li>
> [LI]<a href="#" class="MenuBarItemSubmenu">Our Catalog</a>
> [BULLET]
> [LI]<a href="#" class="MenuBarItemSubmenu">Photo Plaques</a>
> [BULLET]
> [LI]<a
> href="OurPhotoPlaqueCatalogPage-2.html#Custom5X7PhotoPlaque">5X7 Photo
> Plaques</a></li>
> [LI]<a
> href="OurPhotoPlaqueCatalogPage-2.html#Custom6X8PhotoPlaque">6X8 Photo
> Plaques</a></li>
> [LI]<a
> href="OurPhotoPlaqueCatalogPage-2.html#Custom8X10PhotoPlaque">8X10 Photo
> Plaques</a></li>
> [LI]<a
> href="OurPhotoPlaqueCatalogPage-2.html#Custom9X12PhotoPlaque">9X12 _ Photo
> Plaques</a></li>
> [LI]<a
> href="OurPhotoPlaqueCatalogPage-2.html#Custom12X15PhotoPlaque">12X15 Photo
> Plaque</a></li>
> [LI]<a
> href="OurPhotoPlaqueCatalogPage-2.html#Custom24inchPanoramicPhotoPlaque">Panoram
> ic Photo Plaque</a></li>
> [/BULLET]
> </li>
> [LI]<a href="#" class="MenuBarItemSubmenu">Custom Plaques</a>
> [BULLET]
> [LI]<a
> href="SpecialOccasion-ActivityPlaqueCatalogPage-2.html#SpecialOccasionPlaques">S
> pecial Occasion Plaques</a></li>
> [LI]<a
> href="SpecialOccasion-ActivityPlaqueCatalogPage-2.html#SpecialActivityPlaques">S
> pecial Activity Plaques</a></li>
> [/BULLET]
> </li>
> [LI]<a href="#" class="MenuBarItemSubmenu">Customizable Gift
> Items</a>
> [BULLET]
> [LI]<a
> href="CustomizableGiftsCatalogPage-2.html#RosewoodOvalSinglePenBox">Oval
> Rosewood Single Pen Box</a></li>
> [LI]<a
> href="CustomizableGiftsCatalogPage-2.html#MapleSinglePenTriangleBox">Maple
> Single Pen Triangle Pen Box &amp; Pen Holder</a></li>
> [LI]<a
> href="CustomizableGiftsCatalogPage-2.html#MapleKeepsakeBox">Maple Keepsake
> Box</a></li>
> [LI]<a
> href="CustomizableGiftsCatalogPage-2.html#ExecutiveCardPlayingSet">Executive
> Card Playing Set</a></li>
> [LI]<a
> href="CustomizableGiftsCatalogPage-2.html#RosewoodFlaFaceClock">Rosewood
> Flat
> Face Clock</a></li>
> [LI]<a
> href="CustomizableGiftsCatalogPage-2.html#Maple4X6PhotoAlbum">Maple 4X6
> Photo
> Album</a></li>
> [LI]<a
> href="CustomizableGiftsCatalogPage-2.html#RosewoodDominoSetinStorageBox">Rosewoo
> d Domino Set in Storage Box</a></li>
> [/BULLET]
> </li>
> [LI]<a href="#" class="MenuBarItemSubmenu">Wood Ornaments</a>
> [BULLET]
> [LI]<a href="Custom Wood
> OrnamentsCatalogPage-2.html#bear">Bears</a></li>
> [LI]<a href="Custom Wood
> OrnamentsCatalogPage-2.html#bell">Bell</a></li>
> [LI]<a href="Custom Wood
> OrnamentsCatalogPage-2.html#elfinwreath">Elf in Wreath</a></li>
> [LI]<a href="Custom Wood
> OrnamentsCatalogPage-2.html#snowflake">Snowflake</a></li>
> [LI]<a href="Custom Wood
> OrnamentsCatalogPage-2.html#stocking">Stocking</a></li>
> [LI]<a href="Custom Wood
> OrnamentsCatalogPage-2.html#roundball">Round Ball</a></li>
> [LI]<a href="Custom Wood
> OrnamentsCatalogPage-2.html#snowman">Snowman</a></li>
> [LI]<a href="Custom Wood
> OrnamentsCatalogPage-2.html#bulbshaped">Bulb Shaped</a></li>
> [/BULLET]
> </li>
> [LI]<a href="#" class="MenuBarItemSubmenu">Custom Cut Glass
> Ornaments</a>
> [BULLET]
> [LI]<a
> href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Arch">Arch</a></li>
> [LI]<a
> href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Bell">Bell</a></li>
> [LI]<a
> href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Bulb">Bulb</a></li>
> [LI]<a
> href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Heart">Heart</a></li>
> [LI]<a
> href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Oval">Oval</a></li>
> [LI]<a
> href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Round">Round</a></li>
> [LI]<a
> href="CustomBevelEdgeGlassOrnamentsCatalogPage-2.html#Tree">Tree</a></li>
> [/BULLET]
> </li>
> [LI]<a href="#" class="MenuBarItemSubmenu">Custom Glass Jars</a>
> [BULLET]
> [LI]<a
> href="CustomGlassJarPage-2.html#Round">Round</a></li>
> [LI]<a
> href="CustomGlassJarPage-2.html#Square">Square</a></li>
> [/BULLET]
> </li>
> [LI]<a href="#" class="MenuBarItemSubmenu">A Round TUITs
> (To-it)</a>
> [BULLET]
> [LI]<a href="A-Round-TUITCatalogPage-2.html#tuit">1 Sided
> TUITs</a></li>
> [LI]<a
> href="A-Round-TUITCatalogPage-2.html#customtuit">Custom
> TUIT</a></li>
> [/BULLET]
> </li>
> [LI]<a href="CustomWoodJewelryPage-2.html">Wood Jewelry</a></li>
> [/BULLET]
> </li>
> [LI]<a href="CustomLaserCuttingPage-2.html">Puzzle Cutting</a></li>
> [LI]<a href="#" class="MenuBarItemSubmenu">Laser Services</a>
> [BULLET]
> [LI]<a href="CustomLaserEngravingPage-2.html">Laser Engraving
> Services</a></li>
> [LI]<a href="CustomLaserCuttingPage-2.html">Laser Cutting
> Services</a></li>
> [/BULLET]
> </li>
> [LI]<a href="#" class="MenuBarItemSubmenu">Information</a>
> [BULLET]
> [LI]<a href="FAQ-Page-2.html">FAQ</a></li>
> [LI]<a href="HowToOrderPage-2.html">How to Order</a></li>
> [LI]<a href="Images/Site Photos/OrderForm-2.pdf">Order
> Form</a></li>
> [LI]<a href="How to ColorFillPage-2.html">How to Color
> Fill</a></li>
> [LI]<a href="HowToContactUsPage-2.html">How to Contact
> Us</a></li>
> [LI]<a href="StoreHoursPage-2.html">Store Hours</a></li>
> [/BULLET]
> </li>
> [LI]<a href="#" class="MenuBarItemSubmenu">About Our Company</a>
> [BULLET]
> [LI]<a href="AboutTouchOfWood-Page2.html">About Touch of
> Wood?</a></li>
> [LI]<a href="AboutOurWebSitePage-2.html">About Our Web
> Site</a></li>
> [/BULLET]
> </li>
> [/BULLET]
>
>
>

The code above is from selecting the spry menu bar. After taking another look,
I see styling and script before the code. I have copied the code from the top
of the page and pasted the code below hoping that I now have enough here to
find the problem.

Thanks again for your time and help,
Pete

<!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>Touch of Wood Custom Laser Engraving</title>

<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to
avoid several bugs */
</style>
<![endif]-->
<style type="text/css">
<!--
.style6 {
font-size: xx-large;
background-color: #FFFFCC;
}
-->
</style>
<link href="HomePage.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body,td,th {
font-family: Comic Sans MS;
color: #0033FF;
}
body {
background-color: #FFFFCC;
}
.style11 {color: #FF0000}
.style20 {
font-size: 47px
}
.style23 {
font-size: 27px;
color: #0000FF;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<style type="text/css">
<!--
a:link {
text-decoration: none;
color: #006633;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style49 {
color: #003399;
font-size: medium;
}
.style51 {color: #006633}
.style53 {color: #003399; font-size: x-large; }
-->
</style>
<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet"
type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet"
type="text/css" />
</head>

<body class="twoColLiqLtHdr">

<div class="fltlft" id="container">
<div id="header">
<img src="Images/Logo/TW-Logo-Custom-1.jpg" alt="Touch of Wood Logo"
width="200" height="150" hspace="10" vspace="5" align="left" />
<h1 align="center" class="style6 style20">Touch of Wood Custom Laser
Engraving</h1>
</div>

I'm still stuck, I'm not a coder which is why I am using DreamWeaver. I see
this is a busy board and I appreciat the time and knowledge of the menbers and
have looked through the posts and don't se a solution to my problem..
I've been working on this site many hours and now this happened, is there
something more I need to supply to get this straightened out? Or will I have to
start all over?

Best regards,
Pete

Hello,

Nothing is standing out in the code you've pasted.
Inside of the directory (folder) that contains your page, do you also have
another folder named SpryAssets?
In this Spry Assets folder, are the spry stylesheets there?
If the answer is no to either of these, that's the trouble.

Do you have hosting yet where you could put up the page?
If you don't want anyone to see it "publicly", you can just change the name
of the page and upload it with the stylesheets and js.
Being able to see the entire page and how it is or isn't interacting with
the dependant files (CSS, JS) would give the solution to the problem very
quickly.

Take care,
Tim


"LaserGuy2u" <webforumsuser@macromedia.com> wrote in message
news:g4vrkk$7ok$1@forums.macromedia.com...
> I'm still stuck, I'm not a coder which is why I am using DreamWeaver. I
> see
> this is a busy board and I appreciat the time and knowledge of the menbers
> and
> have looked through the posts and don't se a solution to my problem..
> I've been working on this site many hours and now this happened, is
> there
> something more I need to supply to get this straightened out? Or will I
> have to
> start all over?
>
> Best regards,
> Pete
>

Hello Tim,

I had two spry.css files. One was in the spry folder and one outside. Looking
at the sheet in the spry folder it turned out to be an incomplete file. I moved
the other css file in to the spry folder, over writing the existing file and
the menu styling is back.... thank you so much.

You'll be receiving an E-mail from Touch Of Wood, our laser engraving company
as a token of my appreciation for your help.

Best regards,
Peter