CSS menu not maintaining style in browser view...

I posted this earlier, but realized posted it under a wrong name, will delete my old post here in a sec.
I started making changes to an old website of mine, and have added in some new CSS based menus. When I view my new homepage in Live View everything looks right, the styles are all working, but when I hit F-12 to view the page in browser mode (both IE and Firefox) one menu loses its style completely and reverts to plain text while the other keeps part of the style but loses the color.   Here is the code, not sure what the problem is, I have checked to make sure everything is linked properly but my coding may be off. Because I have checked the coding over and over for the past hour I'm not sure if it is a DW5 error or me.
Plain Text Error:
</div>
<style media="all" type="text/css">@import "/dropdown_menu/menu_style.css";</style>
<div class="menu">
<ul>
<li><a href="" target="_self" >Contact Us</a>
</li>
<li><a href="" target="_self" >Chat</a>
</li>
<li><a href="" target="_self" >Upload</a>
<ul>
<li><a href="" target="_self">Music</a></li>
<li><a href="" target="_self">Videos</a></li>
<li><a href="" target="_self">Pictures</a></li>
<li><a href="" target="_self">Documents</a></li>
</ul>
</li>
</ul>
</div>
Color Error:
   <head>
</p>
<div class="sidebar1">
     <link rel="stylesheet" href="/nav_menu/menu_style.css" type="text/css" />
    <ul class="nav" id="menu">
     <li><a href="Home_Page.html" target="_self">Home</a></li>
    <li><a href="Documents_Navigation.html" target="_self">What's New?</a> </li>
    <li><a href="Music_Navigation.html" target="_self">Music</a></li>
    <li><a href="Movie_Navigation.html" target="_self">Videos</a></li>
    <li><a href="Pictures_Navigation.html" target="_self">Pictures</a></li>
    <li><a href="Documents_Navigation.html" target="_self">Documents</a>   </li>
</ul>
</div>
Appreciate feedback

Why this target attribute?
<li><a href="" target="_self" >
Why are you importing the CSS?
<style media="all" type="text/css">@import "/dropdown_menu/menu_style.css";</style>
No doubt the reason you are losing styles is that you have used a root relative link to the imported CSS file. Go to PREFERENCES > Preview in Browser, and enable preview using temp files. Let us know if that helps, please.

Similar Messages

Excel Named Items not showing up in Browser View Options list

Hi,
Using excel 2013 - when I create named ranges under the 'formulas' tab, I expect to see them show up in the 'show' tab under Browser View options. However they aren't there - when I look at the 'items in the workbook' list I only see the charts and
pivot tables in my workbook, not the named items.
Is there some setting I need to flip on to see these times (and then use them in sharepoint)?
Thanks

Today, I tried it again and now I could see the Name range under Browser View Options list, this is my step as below:
1. Type the value in Cell A1 to B4. (Same as the screenshot as the last reply)
2. Directly type Test in Name Box.
3. Go to File > Info > Browser View options > Items in the Workbook.
Now the Name is appearing.
But when we define a name to a blank range, we would not see the Name in the Browser View options anymore. Try in your site.
By the way, My using version is Office 36 ProPlus, version 15.0.4551.1005.
Cheers,
Tony Chen
Forum Support
Come back and mark the replies as answers if they help and unmark them if they provide no help.
If you have any feedback on our support, please contact
[email protected]

Why does my css menu not work on my mobile?

I have done a fluid layout which appears to work fine on my mobile, but when I try to use the dropdown menu it does not work.
I have a Nokia C3 by the way - Ancient I know but it uses internet and I don't know whether many people out there will still be using older technology.
The thing is - I know of one person who has an iphone6 who says it works on his phone, but is there a site where you can submit your own website to test the functionality?
I apologise for doing this but I have put up a very temporary link to the test site....
I AM NOT ADVERTISING - but I have put the test site for a friend on my server at the moment on www.tdrd.karoo.net
Don't bother using the contact form - it's not finished and I've removed code so the person will not get bombarded with test emails from people who just want to fiddle (as they do :-))
Could anyone else please tell me if the menu works for them and what can I do to get it working on an older phone?
I have put old style links to same pages at the bottom for backwards compatability but don't know if this is a good idea.
Should I be testing a device for capability and swapping for an appropriate menu - and if so how?
So many questions - thank you in advance for any feedback.
Terry

No - I do not use a stylus. -
I have had the phone a few years now and I could be using old technology.
I know the mobile has two browswers on it.
One is a lite version of Opera Mini but not sure of the version number
I know it is working on a windows phone (my brother) and an iphone (friend) so maybe I should somehow be detecting browser capability or functionality somehow and exchange the menu for a link based one in these instances...
Actually - I have just tried to test it on another site and my phone works on that - so maybe its not script friendly as it uses a .pull script to expand the menu.
Thank you.
Terry

Spry menu not working on mobile browser

How are you with Mobiles, Originally, like a month ago, the main page worked on my Iphone, but the menu has since disapeared. Is there an issue with the spry or CSS.? Can anyone help with this please.   http://www.tompriceshs.wa.edu.au/publish/

sorry Gramps, good to here from you again, the correct is
http://www.tompriceshs.wa.edu.au/Publish/
I checked the original template and it work with
<div class="contentArea">
                <ul class="leftnavigation">
                    <li><a href="#" >This is definitely navigation item 1</a></li>
                    <li><a href="#" >Item 2</a></li>
                    <li><a href="#" >Item 3</a></li>
                </ul>
But I wanted a better menu and also added a div, now is
            </div>
            <div class="contentArea">
                <div id="leftNav" style="float: left; width: 200px; height: auto;">
                <ul class="leftnavigation"><ul id="MenuBar1" class="MenuBarVertical">
            <img src="SpryAssets/MenuBarRound.gif" width="176" height="8" align="absbottom" />
                  <li><a href="\index.htm">Home</a> </li>
                  <li><a href="news/news.html" class="MenuBarItemSubmenu">News</a>
                      <ul>
                        <li><a href="news/news.html">Latest News</a></li>
........................................etc etc to close with
</ul>
Thanks Skip

Facebook log out menu not working in any Browser?

Since I did my update to Mountain Lion I can no longer log out of Facebook, or modify any settings that use dropdown type boxes. I have had a similar problem before when I updated my Java in Snow Leopard, and the only way I managed to solve it was by formatting the Mac entirely and reinstalling Snow Leopard. I dont only have that problem with Facebook but with all the Websites I used in Safari, Firefox, and other browsers. It's really annoying espiecally because it works for like 2 seconds when I load the page.
Does anyone know what I could do?
Thanks in Advance,
Cedric

I dont only have that problem with Facebook but with all the Websites I used in Safari, Firefox, and other browsers.
Check System Preferences > Network > Advanced > Proxies
Deselect any boxes ticked on the left then click OK then try a browser.
If it's not a proxy issue, diable anti virus software.
And since all browsers are affected, try deleting cookies
Open the Finder. From the Finder menu bar click Go > Go to Folder
Type this exactly as you see it here:
~/LIbrary/Cookies
Click Go then move the Cookies.binarycookies file from the Cookies folder to the Trash.
Try Facebook.

CSS Menu drop down part not working for ie8 and flashing shut on iPhone 5 browser

My CSS drop down menu will not show up in ie8 and flashes then shuts on iPhone 5 browsers (responsive design)..using code from a themeforest template. I am using CSS (HTML only) in the BC menu system. without further adieu here is the code.
HTML (I removed the BC javascript)______________________
<div id="navigation">
<ul>
<li><a href="/index.htm">Home</a></li>
<li><a href="/about">About</a>
<ul>
<li><a href="/leadership">Leadership</a></li>
<li><a href="/giving">Giving</a></li>
<li><a href="/careers">Careers</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</li>
</ul>
</div>
CSS______________________
#navigation {
float: right;
#navigation ul, #navigation li {
list-style:none;
padding:0;
margin:0;
display:inline;
#navigation ul li{
float:left;
position:relative;
#navigation ul li a {
font-family: Arial, sans-serif;
display: inline-block;
color: #888;
padding: 40px 6px 10px 6px;
margin: 0 5px;
text-decoration: none;
font-size: 14px;
border-bottom: 3px solid transparent;
#navigation ul li a:hover{
border-bottom: 3px solid #555;
#navigation ul ul {
opacity: 0;
margin: -3px 0 0 5px;
filter: alpha(opacity=0);
position: absolute;
top:-99999px;
left: 0;
background: #fff;
border: 1px solid #dddddd;
border-top: 3px solid #555;
z-index: 999;
#navigation ul ul li a:hover {
border-bottom: 1px solid #ddd;
#navigation ul ul li a {
padding: 8px 0;
display: block;
width: 130px;
margin: 0 16px;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 12px;
border-bottom: 1px solid #dddddd;
border-top: 1px solid transparent;
#navigation ul ul ul {
position:absolute;
top:-99999px;
left:100%;
opacity: 0;
margin: -3px 0 0 0;
z-index: 999;
#navigation ul ul ul li a {
border-bottom: 1px solid #dddddd !important;
border-top: 1px solid transparent;
#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {
border-bottom: 1px solid transparent
#navigation ul ul ul li:last-child a {
border-bottom: 1px solid transparent !important
#navigation ul li:hover>ul{
opacity: 1;
position:absolute;
top:99%;
left:0;
#navigation ul ul li:hover>ul{
position:absolute;
top:0; left:100%;
opacity: 1;
z-index:497;
background: #fff border: 0;
#navigation ul li:hover > a {
color: #444;
#navigation ul ul li:hover > a {
border-top: 1px solid transparent;
color: #444;
#current {
font-weight: bold !important;
color: #444 !important;
border-bottom: 3px solid #555 !important;

Well to show the menu it runs off opacity, Opacity is not cross browser and IE8 as you noticed will not work with it.
This menu method of a CSS menu is also not mobile friendly.
You will need the MS filters to work in older IE's
http://css-tricks.com/snippets/css/cross-browser-opacity/

Spry Menu bar looks OK in Live View, not browser

I'm trying to insert a Spry menu bar in an existing site to replace one previously built with an F-source product. There is a Flash movie above the menu bar. It looks fine in Live View, but when I look at it in a browser, it expands to about ten times its height with only the last menu item visible (out of nine). It also displaces the Flash movie to the left and up. Any idea what's causing this, and how to fix it? Thanks for any help you can provide!
Live View:
Browser View:

Thanks for your help. I tried to add the code above the menu bar (you didn't specify whether to add before the body tag) but it didn't help in either location.
I've uploaded the page in question to the site. You can access the page via http://www.acsi-cybersa.com/index2.html
If you back up to the "www.acsi-cybersa.com" URL, you will see a working homepage with an f-source menu that is acting a bit squirrely, and which I am trying to replace with the Spry menu. The URL above "index2.html" is the working replacement for the home page.
If you can figure out what's happening with the Spry menu and how to fix it, I would be eternally grateful.
Thanks, Dan

CS6 Design view not rendering styles, tried typical fixes already

I'm using Dreamweaver CS6 on Windows 7. I hand code everything but like to look in design view from time to time. Everything was working fine until a couple days ago it stopped rendering my css styles and now looks like this (see first image), but an actual preview in the browser looks fine. Under the style rendering menu screen media and display styles ARE currently checked. I have tried turning them off and then back on. I have tried deleting preferences from the registry. My files are linked to a template, I have tried removing the linked style sheet and then adding it again. Oddly I do see css styles in the preview of the actual template file but not the linked files. Any suggestions on what else I can try?

Most likely code related. Assuming your Template.dwt is correctly located inside the Templates folder in your site's root, and your site is properly defined, and the style sheet file is in another folder called Styles, the expected path in your Template.dwt file would be this with leading dots and slash.
Template.dwt
<link rel="stylesheet" type="text/css" href="../Styles/stylesheet.css">
And the child page spawned from that Template and saved to your site root would contain this link path with no leading dots or slash.
childpage.html
<link rel="stylesheet" type="text/css" href="Styles/stylesheet.css">
It goes without saying that DW doesn't adjust link paths for you unless a) your site is properly defined and b) you've saved your child page and named it.
Hope this helps,
Nancy O.

Why is my page not centered in browser view?

I am working on my home page. I set the container dimension to 700px and max width 960. I have tried other sizes. every time in Windows browser view my site shifts to the left with a large margin on the right. I can't get it to center. I have an error message saying :
Unsupported property: max-width
Affects: Internet Explorer 6.0; Internet Explorer for Macintosh 5.2
In Live View, it looks fine. Also, in browser view, my spry menu bar is not showing up (it does in Live View).
Anyone have any suggestions??
Thanks! M.

kcusu wrote:
.container {
width: 700px; /* the auto value on the sides, coupled with the width, centers the layout */
background-color: #FFFFCE;
max-width: 960px;
text-align: center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
If this is the real code, your CSS is missing a closing bracket }
It would be soooooo much simpler and quicker for everyone if you would upload your page to your remote web space and post a link for us to see it in our browsers.
My guess is that your code has validation errors that need fixing.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
FYI: Browser compatibility checking is a total waste of time. You can skip that feature b/c it doesn't tell you anything useful.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Cannot view css styles in design view

Is there a way to get Dreamweaver to display style in design
view when the css files are in virtual folders?
Have tried using ASP (Vbscript) snippet to write in the
server URL and using Liveview, but still doesn't display. It
appears that DW only recognizes hard coded relative links or hard
coded full URLs.
Browser displays these documents with no errors.
Please Help! I have users who will be confused attempting to
edit the documents without visible style, and need to use the
virtual folders.
Thanks.
Sean

> Is there a way to get Dreamweaver to display style in
design view when the
> css
> files are in virtual folders?
Try using Design Time Stylesheets.
Open the Design-Time Style Sheets dialog box by doing one of
the following:
1. Right-click in the CSS Styles panel, and in the context
menu select
Design-time, or
2. Select Text > CSS Styles > Design-time.
Regards
John Waller

CSS (some, not all) not showing up in browser, but fine in DW. Plus other desperate issues....

I would really appreciate any and all help I can get to solve these problems as I'm new to CSS/HTML (completely new) and have been attempting to code my design just well enough to get it uploaded and working as a site. Once I can atleast achieve this feat, I plan on completely converting to CSS. But for now, I need to get the site working and I really didn't want to come and bother all of you on here with my problems and have been procrastinating posting on here for absolutely ages now....but since I can't figure all of the messy-uppy ness going on on my own, I beg forgiveness for any of your time wasted on my problems .
Okay, so the "main" issue here is that I can see some(some, not all) CSS on DW, but I see NONE whatsoever when I go to preview in browser, same after uploading. I do have all of the files uploaded and placed in the correct directories, including the stylesheet, and images folder. But, nope, nada. Now, I did think this was a root/directory problem, maybe the url's weren't pointing to the right directories. I checked and attempted to fix this several times and any changes made no difference. Also, uploaded to the root of my site, where all files and folders are where they should be, yet no change. I am utterly clueless as to what is going on here....
Second: Padding, or margins added through CSS for the divs is simply not working in DW or otherwise. I have padding placed on all of the content type areas with writing/content in them and despite the fact that the changes to the font/text formatting I've made show up, the padding does not. This is only in DW since no CSS whatsoever is showing out of DW anyways. I would like to know how to get the padding and the formatting, just all of the CSS in general to actually show up in browser/when uploaded.
Third: The next issue is also confusing, and this only occured after I made the page into a template and uploaded the home.htm page I created from it to my site. For some reason, the image called "../images/aurora2_14_content_marg.gif". Is appearing at the very top of the page for no reason at all. I don't understand why it is there, or how it even got up there in the first place.
Fourth: This was actually next on my list of things to figure out once I've gotten all of the above issues taken care of but since I'm still drawing a blank after 2+ weeks on how to get this done in a way that will work I guess it couldn't hurt to ask on here and get some expertise on the matter. The issue is that I have a repeating background (images/bg.png) that I want stretching downwards as I add content to the page. I have this placed as the main background for the entire site as you will be able to see in a moment through my code/site. Now, the place I want this to start is from where the aforementioned image (../images/aurora2_14_content_marg.gif) stops. However, I want the content to actually start from 20 pixels or so from the top of that very image. I want to try and achieve this through the use of margins but since the margins and padding are not showing up I hve been unable to experiment with it enough to figure out any other way to achieve this. Any suggestions on how to achieve this would be much appreciated.
Fifth (yes, unfortunately we're still going): As you may be able to see through the design I have two seperate areas for the main content and the navigation and other such items to be placed. To clarify, the content will be placed(through the use of expandable content boxes, once I figure out how to work that) beginning at the aforementioned image/td/div (../images/aurora2_14_content_marg.gif) with a bit of padding or margin from the top and sides (too pull the content towardsthe center of the site rather than all over from left to right like it is appearing now). The navigation etc will be placed where the long cyan area is under the search bar. For both of these, I cannot figure out how to split my one background image and also the content_marg.gif image into the two divs/or whatever else would work to split their contents from eachother. I think that seperating them into 2 divs with padding from the sides and eachother and seperate top paddings (I want the navigation to begin more near the top of the page than the content). The issue here is, I cannot figure out how to do this.
Any and all suggestions would be greatly appreciated. Also, any tips on how to achieve the code for the solutions provided would also be very much appreciated, as I am only just starting out coding.
The site/page:
http://aurora.comeze.com/home.htm
The stylesheet (style.css):
http://aurora.comeze.com/style.css
Like I mentioned above, all of this except the padding shows up in DW. Whereas, none of this shows up at all in browser view, or through the site.

Summary of issues #1 through #5:
Code errors galore:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Faurora.comeze.com%2Fhome.htm
Photoshop generated HTML.
20th century table based layout with endless spacer gifs.
START OVER
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
=========================
DW Starter Pages (CSS Layouts)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
=========================
Taking a Fireworks (or Photoshop) comp to a CSS Layout in DW
Part 1 - Initial Design
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Part 2 - Markup preparation
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
Part 3 - Layout and CSS
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
========================
HTML & CSS Tutorials - http://w3schools.com/
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
========================
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Best of luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Centre not working in Dreamweaver Design View (CSS+HTML)- Preview OK- help!

Hi there
I am having a slight problem with DW which I have had before, and fixed, but I cant for the life of me remember how I fixed it. So any help is much appreciated.
I am producing a proof site for a client and cannot load it to be live just yet so sorry for any inconvience but I have taken some screen shots and will paste code/html.
The site is currently sitting like this in the design view of DW
[IMG]http://i1200.photobucket.com/albums/bb323/SKH_Design/Picture1-1.jpg[/IMG]
Which it usually doesnt.... its usually centred within the design view!!
this is how it sits in the preview
[IMG]http://i1200.photobucket.com/albums/bb323/SKH_Design/Picture2.png[/IMG]
My main page container is margin left auto and so is the margin right.
(please excuse my experiment with the drop shadow behind the main container)
please excuse me if anything is messy, im pretty new to this!!
Thanks, Sarah
Code -
<style type="text/css">
    
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body leftmargin="float">
<div class="shadow">
<div class="pagecontainer">
            
            <div class="topbarcontainer"><img src="images/pb-topbanner.jpg" width="800" height="126"></div>
                    <div class="navigationbar"> <img src="images/pb-linkbar1.jpg" width="353" height="34"><img src="images/pb-linkbar2home.jpg" width="87" height="34"><img src="images/pb-linkbar3products.jpg" width="198" height="34"><img src="images/pb-linkbar4offers.jpg" width="161"                                                                                                                                                                                                 height="34"></div>
                            
                            
                            <div class="flashcontainer">
                            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="257" id="FlashID" title="paulburtonflash">
                                <param name="movie" value="flashfiles/paulburtonflash.swf" />
                                <param name="quality" value="high" />
                                <param name="wmode" value="opaque" />
                                <param name="swfversion" value="6.0.65.0" />
                               <param name="expressinstall" value="Scripts/expressInstall.swf" />
                                
                                
                                <object type="application/x-shockwave-flash" data="flashfiles/paulburtonflash.swf" width="800" height="257">
                              
                              <param name="quality" value="high" />
                              <param name="wmode" value="opaque" />
                              <param name="swfversion" value="6.0.65.0" />
                              <param name="expressinstall" value="Scripts/expressInstall.swf" />
                              
                              <div>
                                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                            </div>
                              
                            </object>
                                
                              </object>
                            </div>
                            
                   
                   <div class="mainbackground">
                   
                    <div class="homepagetext">
                    Established in 1980, we are a drinks wholesale business, based in the Scottish Borders which prides itself on being able to provide alcoholic and soft drinks in whatever quantity you require at outstanding prices and on time.<br><br>
We deliver 7 days a week and offer a free, prompt delivery service, by our own staff in the Borders, East Lothian and Midlothian.<br><br>
<div class="textspacer1"></div>
<div class="textsixe16">We have regular promotions - click here to view our latest special offers</div>
                    </div>
                    
                    <div class="homepageimage">
                    <img src="images/pb-home-mainimage.jpg" width="328" height="219"></div>
                    </div>
      <div class="bottombar">
              <div class="bottombartext">
                Paul Burton Drinks Wholesale, Pinnaclehill Industrial Estate, Kelso, Scottish Borders, TD5 8DW
            </div>
      </div>
</div>
</div>
</body>
</html>
CSS -
@charset "UTF-8";
/* CSS Document */
.shadow{
width:840px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/editableshadow.png);
background-repeat:repeat-y;
.pagecontainer{
    width:800px;
    height:auto;
    margin-right:auto;
    margin-left:auto;
.topbarcontainer{
    width:800px;
    height:126px;
.navigationbar{
    width:800px;
    height:34px;
    float:left;
.flashcontainer{
    width:800px;
    height:257px;
    float:left;
.mainbackground{
    width:800px;
    height:349px;
    float:left;
    background-image:url(../../CL%20-%20New%20Ideas/Images/pb-home-background.jpg);
    background-repeat:no-repeat;
.homepagetext{
    width:372px;
    height:275px;
    float:left;
    margin:50px 0px 0px 50px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FFF;
.textsixe16{
    font-size:16px;
    font-weight:bold;
.textspacer1{
    height:15px;
    width:5px;
    color:#d6f3fc;
.homepageimage{
    width:328px;
    height:219px;
    float:left;
    padding:50px 0px 0px 20px;
.bottombar{
    width:800px;
    height:59px;
    float:left;
    background-image:url(../../CL%20-%20New%20Ideas/Images/pb-home-bottombar.jpg);
    background-repeat:no-repeat;
.bottombartext{
    width:600px;
    height:17px;
    float:left;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    padding:25px 0px 0px 50px;

"<body leftmargin="float">"
Can you say what that's doing? "float" is not a legal value for the leftmargin style, which requires an integer value. But its use is deprecated in favor of CSS anyhow.
Your pasted code is lacking a doctype or anything that would normally be above that stylesheet link. Is that just an oversight or is it really not there?

CSS is not showing in design view

Hello, I wonder if anyone can help. I would appreciate very
much if you can... I have read all the css related problems, but
did not see the problem I am having.
Anyway, I have done a website template for someone and I gave
it to him to update the contents. However, on his dreamweaver
Design view, the css does not support it at all so it looks all
messy. Though when he preview it on IE, this is all fine. I have
made templates and css files with dreamweaver and I can view
everything fine. He seems to have the same version of DW (MX 2004)
so I am not sure how this happens. We were looking in everything
(including goofy css as someone says on this forum), but have no
luck so far. Here is my link and I pasted my css here.
http://www.norithefish.com/index2.html
Many thanks for this.
Noriko
/* HTML tag styles */
body
{background: #cccccc; font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size: small; color: #000000; font-weight: normal}
a { color: #333333; text-decoration: none }
a:active { color: #666666; text-decoration: none }
a:hover { color: #CC3300; text-decoration: underline }
.bodytext { font-size: small; color: #000000; font-weight:
normal}
.smalltext { font-size: x-small; color: #000000; font-weight:
normal}
.smalltextw { font-size: x-small; color: #ffffff;
font-weight: normal}
.title{ font-size: 1.5em; font-weight: bold; color: #CC3300}
.wbracket{ font-size: small; font-weight: normal; color:
#ffffff}
.smalltitle { font-size: 1em; font-weight: normal; color:
#666666}
.sub { font-size: small; font-weight: bold; color: #ffffff }
.foot { font-size: x-small; font-weight: normal; color:
#000000}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #cc3300
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.15em;
color: #cc3300
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666666
ul{
list-style-type: square;
ul ul{
list-style-type: disc;
ul ul ul{
list-style-type: none;
/* Layout Divs */
#pageNav{
float: left;
width:21.3%;
top:10px;
padding-left: 0px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
#content{
width:75%;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 1px 20px;
/* Component Divs */
#siteName{
margin: 0px;
padding: 16px 0px 8px 0px;
color: #ffffff;
font-weight: normal;
/************** feature styles *****************/
.feature{
padding: 0px 0px 0px 0px;
font-size: 100%;
/************* #siteInfo styles ***************/
#siteInfo{
clear: both;
font-size: 100%;
background-color: #999999;
padding: 0px 0px 0px 0px;
border-top: 1px solid #666666;
/************* #smalltitle styles ***************/
#smalltitle{
clear: both;
background-color: #ffffff;
font-size: 100%;
padding: 0px 0px 0px 0px;
border-top: 1px solid #CC3300;
border-bottom: 1px solid #CC3300;
/*********** #sectionLinks styles ***********/
#sectionLinks{
position: relative;
width: 150px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
#sectionLinks a:link{
font-size: 1.15em;
padding: 2px 0px 5px 10px;
border-top: 1px solid #cccccc;
width: 100%;
width: auto;
#sectionLinks a:visited{
font-size: 1.15em;
border-top: 1px solid #cccccc;
padding: 2px 0px 5px 10px;
#sectionLinks a:hover{
font-size: 1.15em;
border-top: 1px solid #cc3300;
background-color: #dddddd;
padding: 2px 0px 5px 10px;
/*********** .frame styles ***********/
.frame {
width: 700px;
left: 50%;
padding-top: 0px;
margin-left: -350px;
margin-top: 0px;
position: absolute;
visibility: visible;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
background-color: #ffffff;
.bg {
height: 1px;
background-color: #cccccc;
width: 100%;
/*********** #pageNav link styles ***********/
#pageNav ul a:link, #pageNav ul a:visited {display: block;}
#pageNav ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level
anchors in lists */
#pageNav li {border-bottom: 1px solid #EEE;}
/* fix for browsers that don't need the hack */
html>body #pageNav li {border-bottom: none;}
/********************* end **********************/

> *** you are missing <li> at the beginning of the
line and </li> at the end
> or you want to remove the </li> from the previous
lines.
Or move the image within the existing pair. You cannot have
that
construction, though -
<li>blah</li>
<img>
<li>blah</li>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"josie1one" <[email protected]> wrote in message
news:[email protected]...
> It sounds to me as if it's a path issue.
> Your path is this:
> <link rel="stylesheet" href="styles/inside.css"
type="text/css">
>
> Does he have a folder called "styles" within which
should be the
> stylesheet?
>
> You have a couple of code problems (I'd say unrelated to
your question).
> <li><a href="1-about.html">Order your Tshirt
</a></li>
> <img src="ferrari_team_polo.jpg" alt="photo of a
T-shirt" width="120"
> height="180">***
> <li><a href="1-about.html">Order your
cap</a></li>
> <img src="ferrari_cap.jpg" alt="photo of a cap"
width="120"
> height="75"><br>***
>
> *** you are missing <li> at the beginning of the
line and </li> at the end
> or you want to remove the </li> from the previous
lines.
>
> and according to
>
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.norithefish.com%2Findex2.html
>
> you have an extra </div> a couple of lines above
the </body>
>
>
> --
> Jo
>
>
>
>
>
> "norithefish" <[email protected]> wrote
in message
> news:[email protected]...
>> Hello, I wonder if anyone can help. I would
appreciate very much if you
>> can...
>> I have read all the css related problems, but did
not see the problem I
>> am
>> having.
>>
>> Anyway, I have done a website template for someone
and I gave it to him
>> to
>> update the contents. However, on his dreamweaver
Design view, the css
>> does not
>> support it at all so it looks all messy. Though when
he preview it on IE,
>> this
>> is all fine. I have made templates and css files
with dreamweaver and I
>> can
>> view everything fine. He seems to have the same
version of DW (MX 2004)
>> so I am
>> not sure how this happens. We were looking in
everything (including goofy
>> css
>> as someone says on this forum), but have no luck so
far. Here is my link
>> and I
>> pasted my css here.
>>
>>
http://www.norithefish.com/index2.html
>>
>> Many thanks for this.
>> Noriko
>>
>> /***********************************************/
>> /* HTML tag styles */
>> /***********************************************/
>>
>> body
>> {background: #cccccc; font-family: Verdana, Arial,
Helvetica, sans-serif;
>> font-size: small; color: #000000; font-weight:
normal}
>>
>> a { color: #333333; text-decoration: none }
>>
>> a:active { color: #666666; text-decoration: none }
>>
>> a:hover { color: #CC3300; text-decoration: underline
>>
>> .bodytext { font-size: small; color: #000000;
font-weight: normal}
>>
>> .smalltext { font-size: x-small; color: #000000;
font-weight: normal}
>>
>> .smalltextw { font-size: x-small; color: #ffffff;
font-weight: normal}
>>
>> .title{ font-size: 1.5em; font-weight: bold; color:
#CC3300}
>>
>> .wbracket{ font-size: small; font-weight: normal;
color: #ffffff}
>>
>> .smalltitle { font-size: 1em; font-weight: normal;
color: #666666}
>>
>> .sub { font-size: small; font-weight: bold; color:
#ffffff }
>>
>> .foot { font-size: x-small; font-weight: normal;
color: #000000}
>>
>>
>> h1 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1.5em;
>> color: #cc3300
>> }
>> h2 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1.15em;
>> color: #cc3300
>> }
>> h3 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1em;
>> color: #666666
>> }
>>
>> ul{
>> list-style-type: square;
>> }
>>
>> ul ul{
>> list-style-type: disc;
>> }
>>
>> ul ul ul{
>> list-style-type: none;
>> }
>>
>>
>> /***********************************************/
>> /* Layout Divs */
>> /***********************************************/
>>
>> #pageNav{
>>
>> float: left;
>> width:21.3%;
>>
>> top:10px;
>> padding-left: 0px;
>> border-bottom: 1px solid #cccccc;
>> border-right: 1px solid #cccccc;
>> }
>>
>> #content{
>> width:75%;
>> float: left;
>> padding: 0px 0px 0px 0px;
>>
>> margin: 0px 0px 1px 20px;
>>
>> }
>>
>>
>> /***********************************************/
>> /* Component Divs */
>> /***********************************************/
>> #siteName{
>> margin: 0px;
>> padding: 16px 0px 8px 0px;
>> color: #ffffff;
>> font-weight: normal;
>> }
>>
>>
>> /************** feature styles *****************/
>>
>> .feature{
>> padding: 0px 0px 0px 0px;
>> font-size: 100%;
>>
>>
>> }
>>
>>
>>
>> /************* #siteInfo styles ***************/
>>
>> #siteInfo{
>> clear: both;
>>
>> font-size: 100%;
>> background-color: #999999;
>> padding: 0px 0px 0px 0px;
>> border-top: 1px solid #666666;
>> }
>>
>> /************* #smalltitle styles ***************/
>>
>> #smalltitle{
>> clear: both;
>>
>> background-color: #ffffff;
>> font-size: 100%;
>> padding: 0px 0px 0px 0px;
>> border-top: 1px solid #CC3300;
>> border-bottom: 1px solid #CC3300;
>>
>> }
>>
>>
>>
>> /*********** #sectionLinks styles ***********/
>>
>> #sectionLinks{
>> position: relative;
>> width: 150px;
>> margin: 0px;
>> padding: 0px;
>> border-bottom: 1px solid #cccccc;
>> font-size: 90%;
>>
>> }
>>
>>
>>
>> #sectionLinks a:link{
>> font-size: 1.15em;
>> padding: 2px 0px 5px 10px;
>> border-top: 1px solid #cccccc;
>> width: 100%;
>>
>> width: auto;
>> }
>>
>> #sectionLinks a:visited{
>> font-size: 1.15em;
>> border-top: 1px solid #cccccc;
>> padding: 2px 0px 5px 10px;
>> }
>>
>> #sectionLinks a:hover{
>> font-size: 1.15em;
>> border-top: 1px solid #cc3300;
>> background-color: #dddddd;
>> padding: 2px 0px 5px 10px;
>> }
>>
>>
>>
>>
>> /*********** .frame styles ***********/
>> .frame {
>> width: 700px;
>> left: 50%;
>> padding-top: 0px;
>>
>> margin-left: -350px;
>> margin-top: 0px;
>> position: absolute;
>> visibility: visible;
>>
>> border-top: 1px solid #999999;
>> border-bottom: 1px solid #999999;
>> border-right: 1px solid #999999;
>> border-left: 1px solid #999999;
>> background-color: #ffffff;
>> }
>> .bg {
>> height: 1px;
>>
>> background-color: #cccccc;
>> width: 100%;
>> }
>>
>> /*********** #pageNav link styles ***********/
>>
>> #pageNav ul a:link, #pageNav ul a:visited {display:
block;}
>> #pageNav ul {list-style: none; margin: 0; padding:
0;}
>>
>> /* hack to fix IE/Win's broken rendering of
block-level anchors in lists
>> */
>> #pageNav li {border-bottom: 1px solid #EEE;}
>>
>> /* fix for browsers that don't need the hack */
>> html>body #pageNav li {border-bottom: none;}
>>
>> /********************* end **********************/
>>
>>
>>
>>
>
>

Cannot make a cache safe URL for "1025/styles/Themable/corev4.css", file not found. Please verify that the file exists under the layouts directory.

HI
i restored a sharepoint web 80 application in our test domain
and after when i browse the new web application
it says
Cannot make a cache safe URL for "1025/styles/Themable/corev4.css", file not found. Please verify that the file exists under the layouts directory.
adil

Hi adil,
According to your description, my understanding is that you encountered the error “Cannot make a cache safe URL for "1025/styles/Themable/corev4.css", file not found. Please verify that the file
exists under the layouts directory.” .
The issue happens in
We have customized master page
In the master page, we use path the script/style file like this: <SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/coe/mainCOE.css%>"
runat="server"/>
While using the dynamic path in a multiple languages enabled site, language Id(1033 etc) will be added to the path automatically. That cause the file to be not found.
To solve the issue, please download the Arabic language pack http://www.microsoft.com/en-us/download/details.aspx?id=3411 ,
install it on your SharePoint and refresh your browser.
Reference:
http://sharepoint-community.net/profiles/blogs/cannot-make-a-cache-safe-url-for-1036-sytles-themable-corev4-css
Best Regards,
Eric
Eric Tao
TechNet Community Support

ERROR Could not load style sheet: custom.css

Hi i am working with ADF faces.I had used selectors to change the skin.I put all the selectors in custom.css file.And i put the folder in the webcontent folder.
Like Skins/Ex/custom.css.
And here is the content of my adf-faces-skins.xml file
<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://xmlns.oracle.com/adf/view/faces/skin">
<skin>
<id>Ex.desktop</id>
<family>Ex</family>

<render-kit-id>oracle.adf.desktop</render-kit-id>
<style-sheet-name>custom.css</style-sheet-name>
</skin>
</skins>
And adf-faces-config.xml content is
<?xml version="1.0" encoding="windows-1252"?>
<adf-faces-config xmlns="http://xmlns.oracle.com/adf/view/faces/config">
<skin-family>Ex</skin-family>
</adf-faces-config>
Now my problem is my application could't recognize the stylesheet.
And while i run the application i am getting the output which is using the Simple skin.......And in the log file it showing the error like
2006-11-09 14:18:58.125 ERROR Could not load style sheet: skins\Ex\custom.css
So anybody could help me in finding out the error.......Hope so..........
Thanks.......
simmi

I am sorry
Here is the content of my adf-faces-skins.xml file
<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://xmlns.oracle.com/adf/view/faces/skin">
<skin>
<id>Ex.desktop</id>
<family>Ex</family>

<render-kit-id>oracle.adf.desktop</render-kit-id>
<style-sheet-name>skins\Ex\custom.css</style-sheet-name>
</skin>
</skins>

CSS menu not maintaining style in browser view...

Similar Messages

Maybe you are looking for