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.
Similar Messages
-
Design View not rendering content of pages
I am the webmaster and lead developer for a state university. We have developed a responsive Dreamweaver template for our mostly non-coding users (admin assistants usually are assigned web tasks for some reason). You can see our site here http://www.wwu.edu/webtech . When we bring up pages in Design View, they cannot be edited; none of the content is visible. Live view is pretty good, but it's difficult for non-coders to edit in this window. For instance, in Design view they can just select Enter after a block of text to start a new <p>; In Live View you can modify an existing paragraph as if you were in Design View, but you cannot add elements without using the Insert tool. My non code users have no idea what the Insert menu is talking about. So my questions are:
1. First - has anyone else hit situations where Design View did not work? Here is what it looks like for the site mentioned above:
2. Any idea why design view cannot handle this page? It's a standard responsive site with media queries... I've tried stripping out complexity but cannot get it to work. It is valid HTML and passes tests.
3. Am I using the wrong product? Can Muse handle Dreamweaver templates?Nancy O, osgood_, Fritz, thank you for your thoughts.
Dreamweaver has been a wonderful tool for non-coders for many years. We developed templates for the groups, then all they had to do was put the content into the correct areas through the power of the Dreamweaver template. That is no longer possible it seems with the more complex, responsive templates. And yes, Osgood_ , it does appear that some pages will be rendered fine in Dreamweaver. Our older templates such as represented by this site: http://www.wwu.edu/bservices IS viewable and editable in Dreamweaver Design view. Those users are quite happy. However our newest responsive Dreamweaver templated sites such as http://www.wwu.edu/webtech and http://www.wuw.edu/registrar2 are not.
What I'd really love is for an adobe engineer to sit down and look at our templates and let me know if there is anything I could do to make these templates usable in Design View.
Our other alternative is to move away from static HTML and Dreamweaver and go entirely to WordPress and Drupal. I will miss Dreamweaver when this happens! I had hoped there was a place for those who did not want the complication of a Wordpress site... -
Before anyone forwards me to another site I want you to know that I've been to several and none of them have solved my problem.
My problem is the design view is not rendering. I get the "Type, paste, or drag..." message in the viewer. I have tried all the suggestions that i could find to solve this and none of them work. If i delete JDeveloper and reinstall it, it works. But I can't do that all the time. I don't know the steps to reproduce this as it seems to be different every time.
The error that i get in the console window is:
" Error exercising tag : f:view
javax.servlet.jsp.JspException
at com.sun.faces.taglib.jsf_core.ViewTag.doStartTag(ViewTag.java:137)
at oracle.jdevimpl.webapp.design.renderer.DesignTimeJspActionRenderer.doStartTag(DesignTimeJspActionRenderer.java:1314)
at oracle.jdevimpl.webapp.design.renderer.DesignTimeJspActionRenderer._executeTag(DesignTimeJspActionRenderer.java:1636)
at oracle.jdevimpl.webapp.design.renderer.DesignTimeJspActionRenderer.render(DesignTimeJspActionRenderer.java:241)
at oracle.jdevimpl.webapp.design.renderer.FacesActionRenderer.render(FacesActionRenderer.java:128)
at oracle.jdevimpl.webapp.design.support.jsp.DesignTimeJspServlet._renderSource(DesignTimeJspServlet.java:195)
at oracle.jdevimpl.webapp.design.support.jsp.DesignTimeJspServlet.serviceJsp(DesignTimeJspServlet.java:109)
at oracle.jdevimpl.webapp.design.support.jsp.DesignTimeJspServlet.service(DesignTimeJspServlet.java:73)
at javax.servlet.http.HttpServlet.service(HttpServlet.java:856)
at oracle.jdevimpl.webapp.design.support.http.DesignTimeServletInfo.service(DesignTimeServletInfo.java:274)
at oracle.jdevimpl.webapp.design.support.http.DesignTimeRequestDispatcher.dispatch(DesignTimeRequestDispatcher.java:236)
at oracle.jdevimpl.webapp.design.support.http.DesignTimeServletContainerContext._service(DesignTimeServletContainerContext.java:681)
at oracle.jdevimpl.webapp.design.support.http.DesignTimeServletContainerContext.service(DesignTimeServletContainerContext.java:626)
at oracle.jdevimpl.webapp.design.DesignTimeRenderThread.service(DesignTimeRenderThread.java:74)
at oracle.jdevimpl.webapp.design.DesignTimeEngine.service(DesignTimeEngine.java:348)
at oracle.jdevimpl.webapp.design.view.DesignTimeViewDocument._serviceJsp(DesignTimeViewDocument.java:855)
at oracle.jdevimpl.webapp.design.view.DesignTimeViewDocument.rebuildTree(DesignTimeViewDocument.java:139)
at oracle.jdevimpl.webapp.design.view.DesignTimeFixedViewDocument.rebuildTree(DesignTimeFixedViewDocument.java:154)
at oracle.jdevimpl.webapp.model.content.dom.view.proxy.ProxyViewDocument.initialize(ProxyViewDocument.java:80)
at oracle.jdevimpl.webapp.editor.AbstractWebAppEditor.rebuildViewDocument(AbstractWebAppEditor.java:686)
at oracle.jdevimpl.webapp.editor.html.HtmlEditor.rebuildViewDocument(HtmlEditor.java:621)
at oracle.jdevimpl.webapp.editor.jsp.JspEditor.rebuildViewDocument(JspEditor.java:209)
at oracle.jdevimpl.webapp.editor.AbstractWebAppEditor.createDocuments(AbstractWebAppEditor.java:1206)
at oracle.jdevimpl.webapp.editor.AbstractWebAppEditor.open(AbstractWebAppEditor.java:393)
at oracle.jdevimpl.webapp.editor.html.HtmlEditor.open(HtmlEditor.java:172)
at oracle.jdevimpl.webapp.editor.jsp.JspEditor.open(JspEditor.java:113)
at oracle.ideimpl.editor.EditorState.openEditor(EditorState.java:239)
at oracle.ideimpl.editor.EditorState.createEditor(EditorState.java:147)
at oracle.ideimpl.editor.EditorState.getOrCreateEditor(EditorState.java:90)
at oracle.ideimpl.editor.SplitPaneState.canSetEditorStatePos(SplitPaneState.java:231)
at oracle.ideimpl.editor.SplitPaneState.setCurrentEditorStatePos(SplitPaneState.java:194)
at oracle.ideimpl.editor.TabGroupState.createSplitPaneState(TabGroupState.java:103)
at oracle.ideimpl.editor.TabGroup.addTabGroupState(TabGroup.java:275)
at oracle.ideimpl.editor.EditorManagerImpl.createEditor(EditorManagerImpl.java:1261)
at oracle.ideimpl.editor.EditorManagerImpl.createEditor(EditorManagerImpl.java:1196)
at oracle.ideimpl.editor.EditorManagerImpl.openEditor(EditorManagerImpl.java:1131)
at oracle.ideimpl.editor.EditorManagerImpl.whenOpenEditor(EditorManagerImpl.java:2332)
at oracle.ideimpl.editor.EditorManagerImpl.handleDefaultAction(EditorManagerImpl.java:1893)
at oracle.ide.controller.ContextMenu.fireDefaultAction(ContextMenu.java:343)
at oracle.ideimpl.explorer.BaseTreeExplorer.fireDefaultAction(BaseTreeExplorer.java:1576)
at oracle.ideimpl.explorer.BaseTreeExplorer.dblClicked(BaseTreeExplorer.java:1913)
at oracle.ideimpl.explorer.BaseTreeExplorer.mouseReleased(BaseTreeExplorer.java:1934)
at oracle.ideimpl.explorer.CustomTree.processMouseEvent(CustomTree.java:176)
at java.awt.Component.processEvent(Component.java:5253)
at java.awt.Container.processEvent(Container.java:1966)
at java.awt.Component.dispatchEventImpl(Component.java:3955)
at java.awt.Container.dispatchEventImpl(Container.java:2024)
at java.awt.Component.dispatchEvent(Component.java:3803)
at java.awt.LightweightDispatcher.retargetMouseEvent(Container.java:4212)
at java.awt.LightweightDispatcher.processMouseEvent(Container.java:3892)
at java.awt.LightweightDispatcher.dispatchEvent(Container.java:3822)
at java.awt.Container.dispatchEventImpl(Container.java:2010)
at java.awt.Window.dispatchEventImpl(Window.java:1774)
at java.awt.Component.dispatchEvent(Component.java:3803)
at java.awt.EventQueue.dispatchEvent(EventQueue.java:463)
at java.awt.EventDispatchThread.pumpOneEventForHierarchy(EventDispatchThread.java:242)
at java.awt.EventDispatchThread.pumpEventsForHierarchy(EventDispatchThread.java:163)
at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:157)
at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:149)
at java.awt.EventDispatchThread.run(EventDispatchThread.java:110)
And i get several errors similar to this.
I am using version: 10.1.3.3.0 (Build 070615.0525)
This happens while trying to create JSF Applications.
Can anyone help me out with this.I had the same problem and almost spent a whole day trying to fix it...
Check your web.xml file and remove the "*" from the url-patern
i.e. change <url-pattern>/faces/*</url-pattern> to
<url-pattern>/faces/</url-pattern>
Do the same for the other mappings:
<servlet-mapping>
<servlet-name>resources</servlet-name>
<url-pattern>/adf/</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>resources</servlet-name>
<url-pattern>/jsf/</url-pattern>
</servlet-mapping>
I don't know the explanation but it worked... -
DW CS6 Design View & editable regions
I am trying to build a web site from a template I created. When in any of the pages in Design View (not Live) the editable regions push to the right of the rest of the page and can't be edited properly. I can do lots of work in the Code view and then it displays properly Live, but it's all screwed up in Design.
I ran the W3C validation and everything looks good.
Any ideas? This is a really frustrating way to try to build a site.
Thanks!<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class=""><!-- InstanceBegin template="/Templates/page_template2.dwt" codeOutsideHTMLIsLocked="false" -->
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Pac Blue Concepts, LLC - The Hooker universal truck bed hooks more info page</title>
<!-- InstanceEndEditable -->
<link href="../CSS/boilerplate.css" rel="stylesheet" type="text/css">
<link href="../CSS/page_layout.css" rel="stylesheet" type="text/css">
<link href="../CSS/flexslider_index.css" rel="stylesheet" type="text/css">
<link href="../CSS/fit_chart.css" rel="stylesheet" type="text/css">
<link href="../CSS/flexslider.css" rel="stylesheet" type="text/css">
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script type="text/javascript" src="../javascripts/respond.min.js"></script>
<script type="text/javascript" src="../javascripts/jquery.flexslider_index.js"></script>
<script type="text/javascript" src="../javascripts/whatever.js"></script>
<style>
* { margin: 0; padding: 0; }
html {
background: url(http://www.rescuepegs.com/PBCbackground.jpg)
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
#page-wrap { width: 900px; margin: 80px auto; padding:
20px; background: white; -moz-box-shadow: 0 0 20px black;
-webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
</style>
<!-- InstanceBeginEditable name="head" -->
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
<!-- InstanceEndEditable -->
</head>
<body>
<div class="gridContainer clearfix"><!--begin clearfix div-->
<div id="LayoutDiv1"><!--div tag for LayoutDiv1-->
<div id="header"><!--div tag for header-->
<table id="header_table"> <!--header table-->
<tr>
<td><a href="../index.html"><img id="header_logo" src="../images/Pac_Blue_Concepts_logo.jpg" alt="Pac Blue header logo"></a></td>
<td><a href="http://www.youtube.com/pacblue"><img class="social_media_link_pics" src="../images/youtube-icon.jpg" alt="youtube link"></a>
<a href="http://www.facebook.com/PacBlue"><img class="social_media_link_pics" src="../images/facebook-icon.jpg" alt="facebook link"></a>
<div><input type="text" name="s" id="search-text" value="Search"> <input type="submit" id="search-submit" value="GO" /></div>
</td>
</tr>
</table><!--end header table-->
</div><!--end div tag for header-->
<div id="menu"><!--begin div for menu-->
<div class="band_navigation">
<div id="nav_box"><!-- begin nav box div-->
<table><!--table that holds the navigation bar-->
<tr>
<td>
<nav class="container primary"><!--begin navigation container-->
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Products</a>
<ul>
<li><a href="rescuepegs.html">Rescue Pegs</a></li>
<li><a href="thehooker.html">The Hooker</a></li>
</ul>
</li>
<li><a href="#">Fit</a>
<ul>
<li><a href="rescuepegs_fit.html">Rescue Pegs</a></li>
<li><a href="thehooker_fit.html">The Hooker</a></li>
</ul>
</li>
<li><a href="#">News</a>
<ul>
<li><a href="news_events.html">News & Events</a></li>
<li><a href="videos.html">Videos</a></li>
<li><a href="photos.html">Photos</a></li>
<li><a href="press_release.html">Press Release</a></li>
</ul>
</li>
<li><a href="#">Cart</a>
<ul>
<li><a href="my_cart.html">My Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li><a href="#">About</a>
<ul>
<li><a href="about_us.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="links.html">Links</a></li>
</ul>
</li>
</ul>
</nav><!--end nav container-->
</td>
</tr>
</table><!--end table that holds the navigation bar-->
</div><!--end nav_box div-->
</div><!--end band navigation-->
</div><!--end menu div-->
<!-- InstanceBeginEditable name="Content1" -->
<div id="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0"><!--Begin table for conent in CONTENT div-->
<tr><!--table row to hold fit diagram and fit text-->
<td id="fit_image"><!--table cell for fit diagram-->
<img src="../images/The Hooker fit.png" alt="The Hooker fit diagram">
</td>
<td><!--table cell for fit text-->
<h2>Will The Hooker universal truck bed hooks fit my truck?</h2><br>
<h3>This is a very common question. Let's try to answer it.<br><br>
The Hooker fits most pickup trucks from early 1980s to current models.</h3><br>
<h4>The keys are:<br>
1. You must have access to the bed rail of your truck bed<br>
2. The combined width of the bed rail and any hardware mounted to it must be less than 0.5" (1/2")<br>
3. The flat under the bed rail needs to be about 1" or more wide<br>
<br>
That's it. If your bed rail meets those three criteria, The Hooker should work!<br><br>
Take a look at the <a href="thehooker_fit.html"><u>fit chart</u></a> to see if The Hooker will fit your truck.
</td>
</tr>
<tr><!--table row to hold bed liners, rails & caps image-->
<td colspan="2">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../images/hooker_works.jpg">
</td>
</tr>
<tr>
<td colspan="5">Click on an image above to enlarge and read more</td>
</tr>
</table>
</tr>
</table><!--End table for content in CONTENT div-->
</div><!--end div content-->
<!-- InstanceEndEditable -->
<!--begin link images x6-->
<div id="RP_link"><a href="rescuepegs.html"><img src="../Images/index_Rescue_Pegs_Sm.jpg" alt="Rescue Pegs link"></a></div>
<div id="TH_link"><a href="thehooker.html"><img src="../Images/index_The_Hooker_Sm.jpg" alt="The Hooker link"></a></div>
<div id="Fit_link"><a href="fit.html"><img src="../Images/index_Fit_Sm.jpg" alt="Fit link"></a></div>
<div id="Videos_link"><a href="videos.html"><img src="../Images/index_Videos_Sm.jpg" alt="Videos link"></a></div>
<div id="News_link"><a href="news_events.html"><img src="../Images/index_News_Sm.jpg" alt="News & Events link"></a></div>
<div id="Cart_link"><a href="my_cart.html"><img src="../Images/index_Shopping_Cart_Sm.jpg" alt="Shopping cart link"></a></div>
<!--end link images x6-->
<div id="sitemap"><!--begin sitemap div-->
<table><!--sitemap table begin-->
<tr>
<td><a href="../index.html">HOME</a></td>
<td>PRODUCTS</td>
<td>FIT</td>
<td>NEWS</td>
<td>CART</td>
<td>ABOUT</td>
</tr>
<tr>
<td> </td>
<td><a href="..web/rescuepegs.html">RESCUE PEGS</a></td>
<td><a href="..web/rescuepegs_fit.html">RESCUE PEGS</a></td>
<td><a href="..web/news_events.html">NEWS & EVENTS</a></td>
<td><a href="..web/my_cart.html">MY CART</a></td>
<td><a href="..web/about_us.html">ABOUT US</a></td>
</tr>
<tr>
<td> </td>
<td><a href="..web/thehooker.html">THE HOOKER</a></td>
<td><a href="..web/thehooker_fit.html">THE HOOKER</a></td>
<td><a href="..web/videos.html">VIDEOS</a></td>
<td><a href="..web/checkout.html">CHECKOUT</a></td>
<td><a href="..web/contact.html">CONTACT</a></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td><a href="..web/photos.html">PHOTOS</a></td>
<td> </td>
<td><a href="..web/links.html">LINKS</a></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td><a href="..web/press_release.html">PRESS RELEASE</a></td>
<td> </td>
<td> </td>
</tr>
</table><!--sitemap table end-->
</div><!--end sitemap div-->
<div id="footer"><!--begin footer div-->
Copyright 2013 Pac Blue Concepts, LLC, all rights reserved
</div><!--end footer div-->
</div><!--end div tag LayoutDiv1-->
</div><!--end div tag for clearfix container-->
</body>
<!-- InstanceEnd --></html> -
When viewing the same index file I see significant differences between the design views of Dreamweaver CS4 and Dreamweaver CS6. The index file was created in CS5. My CS4 displays it correctly while CS6 design view is not even close. The live views are correct with both.
Here is the original .php doc. (Does not contain any php because that was the exercise to insert it).
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8">
<title>Explore California</title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="stylesheet" type="text/css" media="all" href="style.css">
</head>
<body class="home blog">
<div id="wrapper" class="hfeed">
<div id="header">
<div id="masthead"> <a href="http://localhost/explore_ca/index.htm"><img src="images/logo.gif" width="192" height="237" alt="Explore California Home"></a></div>
<!-- #masthead -->
</div>
<!-- #header -->
<div id="main">
<div id="container">
<div id="content" role="main">
<div id="templateID" >
<h1>Heading</h1>
</div>
</div>
<!-- #content -->
</div>
<!-- #container -->
<div id="primary" class="widget-area" role="complementary">
<ul id="baseNav">
<li><a href="http://www.explorecalifornia.org/tours.htm" title="Explore our tours" class="tours">Tours</a></li>
<li><a href="http://www.exlorecalifornia.org/mission.htm" title="What we think" class="mission">Mission</a></li>
<li><a href="http://www.explorecalifornia.org/contact.htm" title="Contact and support" class="contact">Contact</a></li>
<li><a href="http://www.explorecalifornia.org/resources.htm" title="Guidance and planning" class="resources">Resources</a></li>
<li><a href="http://www.explorecalifornia.org/explorers.htm" title="Join our community" class="explorers current">Explorers</a></li>
</ul>
<!--<ul class="xoxo">
<li id="search-2" class="widget-container widget_search"><form role="search" method="get" id="searchform" action="http://localhost/explore_ca/">
<div><label class="screen-reader-text" for="s">Search for:</label>
<input type="text" value="" name="s" id="s">
<input type="submit" id="searchsubmit" value="Search">
</div>
</form></li> <li id="recent-posts-2" class="widget-container widget_recent_entries"> <h3 class="widget-title">Recent Posts</h3> <ul>
<li><a href="http://localhost/explore_ca/?p=4" title="Mountain Biking Rules">Mountain Biking Rules</a></li>
<li><a href="http://localhost/explore_ca/?p=1" title="Hello world!">Hello world!</a></li>
</ul>
</li><li id="archives-2" class="widget-container widget_archive"><h3 class="widget-title">Archives</h3> <select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;"> <option value="">Select Month</option> <option value="http://localhost/explore_ca/?m=201008"> August 2010 </option>
</select>
</li><li id="categories-2" class="widget-container widget_categories"><h3 class="widget-title">Categories</h3> <ul>
<li class="cat-item cat-item-1"><a href="http://localhost/explore_ca/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>
</li> </ul>-->
</div>
<!-- #primary .widget-area -->
</div>
<!-- #main -->
<div id="footer" role="contentinfo">
<div id="footerContent">
<div id="footerMenu">
<h3>Quick Nav</h3>
<ul id="quickNav">
<li><a href="../tours.htm" title="Explore our tours">Tours</a></li>
<li><a href="../mission.htm" title="What we think">Mission</a></li>
<li><a href="../contact.htm" title="Contact and support">Contact</a></li>
<li><a href="../resources.htm" title="Guidance and planning">Resources</a></li>
<li><a href="../explorers.htm" title="Join our community">Explorers</a></li>
</ul>
</div>
<div id="footerBody">
<div id="footerMidCol">
<h3><a href="../resources/faq.htm">FAQ</a></h3>
<p>Find out more about our tours</p>
<h3><a href="../contact/support.htm">Support</a></h3>
<p>Need help? It's just a click away!</p>
<h3><a href="../resources/legal.htm">Legal Disclaimer</a></h3>
</div>
<div id="footerRightCol">
<h1>Explore California</h1>
<p>5605 Nota Street<br />
Ventura, CA 93003</p>
<p class="phone">866.555.4310</p>
</div>
</div>
</div>
<p class="support clearBoth">Explore California © 2010 All Rights Reserved
</p>
</div>
<!-- #footer -->
</div>
<!-- #wrapper -->
</body>
</html>
And here is the related css with reset code
Theme Name: Explore California
Theme URI: http://explorecalifornia.org/
Description: A new theme.
Author: Joe Lowery for Lynda.com
Version: 1.0
Tags: Western
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
body {
line-height: 1;
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
ol, ul {
list-style: none;
blockquote {
quotes: none;
blockquote:before, blockquote:after {
content: '';
content: none;
del {
text-decoration: line-through;
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
a img {
border: none;
/* =Layout
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
#container {
float: right;
margin: 0 -260px 0 0;
width: 100%;
#content {
margin: 0 280px 0 20px;
#primary,
#secondary {
float: left;
overflow: hidden;
width: 250px;
#secondary {
clear: right;
#footer {
clear: both;
width: 100%;
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
.one-column #content {
margin: 0 auto;
width: 640px;
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
.single-attachment #content {
margin: 0 auto;
width: 900px;
/* =Fonts
body,
input,
textarea,
.page-title span,
.pingback a.url {
font-family: Georgia, "Bitstream Charter", serif;
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
/* =Structure
/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
margin: 0 auto;
width: 930px;
#wrapper {
background: #fff;
margin-top: 25px;
padding: 0;
/* Structure the footer area */
#footer-widget-area {
overflow: hidden;
#footer-widget-area .widget-area {
float: left;
margin-right: 20px;
width: 220px;
#footer-widget-area #fourth {
margin-right: 0;
#site-info {
float: left;
font-size: 14px;
font-weight: bold;
width: 700px;
#site-generator {
float: right;
width: 220px;
/* =Global Elements
/* Main global 'theme' and typographic styles */
body {
background: #e1d8b9 url(images/page_background.jpg) repeat-x left top;
body,
input,
textarea {
color: #666;
font-size: 12px;
line-height: 18px;
hr {
background-color: #e7e7e7;
border: 0;
clear: both;
height: 1px;
margin-bottom: 18px;
/* Text elements */
p {
margin-bottom: 18px;
ul {
list-style: square;
margin: 0 0 18px 1.5em;
ol {
list-style: decimal;
margin: 0 0 18px 1.5em;
ol ol {
list-style: upper-alpha;
ol ol ol {
list-style: lower-roman;
ol ol ol ol {
list-style: lower-alpha;
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
dl {
margin: 0 0 24px 0;
dt {
font-weight: bold;
dd {
margin-bottom: 18px;
strong {
font-weight: bold;
cite,
em,
i {
font-style: italic;
big {
font-size: 131.25%;
ins {
background: #ffc;
text-decoration: none;
blockquote {
font-style: italic;
padding: 0 3em;
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
sup {
bottom: 1ex;
sub {
top: .5ex;
input[type="text"],
textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 2px;
a:link {
color: #0066cc;
a:visited {
color: #743399;
a:active,
a:hover {
color: #ff4b33;
/* Text meant only for screen readers */
.screen-reader-text {
position: absolute;
left: -9000px;
/* =Header
#header {
padding: 30px 0 0;
background: url(images/blog_banner.jpg) no-repeat;
height: 187px;
position: relative;
#masthead {
position: absolute;
left: 42px;
top: -20px;
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 700px;
#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
#site-description {
clear: right;
float: right;
font-style: italic;
margin: 14px 0 18px 0;
width: 220px;
/* This is the custom header image */
#branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
clear: both;
display: block;
/* =Menu
#access {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 12px;
width: 928px;
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
#access .menu-header li,
div.menu li {
float: left;
position: relative;
#access a {
color: #aaa;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
#access ul ul li {
min-width: 180px;
#access ul ul ul {
left: 100%;
top: 0;
#access ul ul a {
background: #333;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
#access li:hover > a,
#access ul ul :hover > a {
background: #333;
color: #fff;
#access ul li:hover > ul {
display: block;
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #fff;
/* =Content
#main {
clear: both;
overflow: hidden;
padding: 40px 0 0 0;
#content {
margin-bottom: 36px;
#content,
#content input,
#content textarea {
color: #333;
font-size: 16px;
line-height: 24px;
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
margin-bottom: 24px;
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 0;
#content pre,
#content kbd,
#content tt,
#content var {
font-size: 15px;
line-height: 21px;
#content code {
font-size: 13px;
#content dt,
#content th {
color: #000;
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
color: #000;
line-height: 1.5em;
margin: 0 0 20px 0;
#content table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
#content tr th,
#content thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
#content tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
#content tr.odd td {
background: #f2f7fc;
.hentry {
margin: 0 0 48px 0;
.home .sticky {
background: #f2f7fc;
border-top: 4px solid #000;
margin-left: -20px;
margin-right: -20px;
padding: 18px 20px;
.single .hentry {
margin: 0 0 36px 0;
.page-title {
color: #000;
font-size: 14px;
font-weight: bold;
margin: 0 0 36px 0;
.page-title span {
color: #333;
font-size: 16px;
font-style: italic;
font-weight: normal;
.page-title a:link,
.page-title a:visited {
color: #888;
text-decoration: none;
.page-title a:active,
.page-title a:hover {
color: #ff4b33;
#content .entry-title {
color: #000;
font-size: 21px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 0;
.entry-title a:link,
.entry-title a:visited {
color: #000;
text-decoration: none;
.entry-title a:active,
.entry-title a:hover {
color: #ff4b33;
.entry-meta {
color: #888;
font-size: 12px;
.entry-meta abbr,
.entry-utility abbr {
border: none;
.entry-meta abbr:hover,
.entry-utility abbr:hover {
border-bottom: 1px dotted #666;
.entry-content,
.entry-summary {
clear: both;
padding: 12px 0 0 0;
#content .entry-summary p:last-child {
margin-bottom: 12px;
.entry-content fieldset {
border: 1px solid #e7e7e7;
margin: 0 0 24px 0;
padding: 24px;
.entry-content fieldset legend {
background: #fff;
color: #000;
font-weight: bold;
padding: 0 24px;
.entry-content input {
margin: 0 0 24px 0;
.entry-content input.file,
.entry-content input.button {
margin-right: 24px;
.entry-content label {
color: #888;
font-size: 12px;
.entry-content select {
margin: 0 0 24px 0;
.entry-content sup,
.entry-content sub {
font-size: 10px;
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
.page-link {
color: #000;
font-weight: bold;
margin: 0 0 22px 0;
word-spacing: 0.5em;
.page-link a:link,
.page-link a:visited {
background: #f1f1f1;
color: #333;
font-weight: normal;
padding: 0.5em 0.75em;
text-decoration: none;
.home .sticky .page-link a {
background: #d9e8f7;
.page-link a:active,
.page-link a:hover {
color: #ff4b33;
body.page .edit-link {
clear: both;
display: block;
#entry-author-info {
background: #f2f7fc;
border-top: 4px solid #000;
clear: both;
font-size: 14px;
line-height: 20px;
margin: 24px 0;
overflow: hidden;
padding: 18px 20px;
#entry-author-info #author-avatar {
background: #fff;
border: 1px solid #e7e7e7;
float: left;
height: 60px;
margin: 0 -104px 0 0;
padding: 11px;
#entry-author-info #author-description {
float: left;
margin: 0 0 0 104px;
#entry-author-info h2 {
color: #000;
font-size: 100%;
font-weight: bold;
margin-bottom: 0;
.entry-utility {
clear: both;
color: #888;
font-size: 12px;
line-height: 18px;
.entry-meta a,
.entry-utility a {
color: #888;
.entry-meta a:hover,
.entry-utility a:hover {
color: #ff4b33;
#content .video-player {
padding: 0;
/* =Asides
.home #content .category-asides p {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
margin-top: 0;
.home .hentry.category-asides {
padding: 0;
.home #content .category-asides .entry-content {
padding-top: 0;
/* =Gallery listing
.category-gallery .size-thumbnail img {
border: 10px solid #f1f1f1;
margin-bottom: 0;
.category-gallery .gallery-thumb {
float: left;
margin-right: 20px;
margin-top: -4px;
.home #content .category-gallery .entry-utility {
padding-top: 4px;
/* =Attachment pages
.attachment .entry-content .entry-caption {
font-size: 140%;
margin-top: 24px;
.attachment .entry-content .nav-previous a:before {
content: '\2190\00a0';
.attachment .entry-content .nav-next a:after {
content: '\00a0\2192';
/* =Images
#content img {
margin: 0;
height: auto;
max-width: 640px;
width: auto;
#content .attachment img {
max-width: 900px;
#content .alignleft,
#content img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
#content .alignright,
#content img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
#content .aligncenter,
#content img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
margin-bottom: 12px;
#content .wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
padding: 4px;
text-align: center;
#content .wp-caption img {
margin: 5px 5px 0;
#content .wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
#content .wp-smiley {
margin: 0;
#content .gallery {
margin: 0 auto 18px;
#content .gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
#content .gallery img {
border: 2px solid #cfcfcf;
#content .gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
#content .gallery dl {
margin: 0;
#content .gallery img {
border: 10px solid #f1f1f1;
#content .gallery br+br {
display: none;
#content .attachment img { /* single attachment images should be centered */
display: block;
margin: 0 auto;
/* =Navigation
.navigation {
color: #888;
font-size: 12px;
line-height: 18px;
overflow: hidden;
.navigation a:link,
.navigation a:visited {
color: #888;
text-decoration: none;
.navigation a:active,
.navigation a:hover {
color: #ff4b33;
.nav-previous {
float: left;
width: 50%;
.nav-next {
float: right;
text-align: right;
width: 50%;
#nav-above {
margin: 0 0 18px 0;
#nav-above {
display: none;
.paged #nav-above,
.single #nav-above {
display: block;
#nav-below {
margin: -18px 0 0 0;
/* =Comments
#comments {
clear: both;
#comments .navigation {
padding: 0 0 18px 0;
h3#comments-title,
h3#reply-title {
color: #000;
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
h3#comments-title {
padding: 24px 0;
.commentlist {
list-style: none;
margin: 0;
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 56px;
position: relative;
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
#comments .comment-body p:last-child {
margin-bottom: 6px;
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
.commentlist ol {
list-style: decimal;
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
.comment-author {
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
.comment-author .says {
font-style: italic;
.comment-meta {
font-size: 12px;
margin: 0 0 18px 0;
.comment-meta a:link,
.comment-meta a:visited {
color: #888;
text-decoration: none;
.comment-meta a:active,
.comment-meta a:hover {
color: #ff4b33;
.commentlist .even {
.commentlist .bypostauthor {
.reply {
font-size: 12px;
padding: 0 0 24px 0;
.reply a,
a.comment-edit-link {
color: #888;
.reply a:hover,
a.comment-edit-link:hover {
color: #ff4b33;
.commentlist .children {
list-style: none;
margin: 0;
.commentlist .children li {
border: none;
margin: 0;
.nopassword,
.nocomments {
display: none;
#comments .pingback {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 18px;
padding-bottom: 18px;
.commentlist li.comment+li.pingback {
margin-top: -6px;
#comments .pingback p {
color: #888;
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
#comments .pingback .url {
font-size: 13px;
font-style: italic;
/* Comments form */
input[type=submit] {
color: #333;
#respond {
border-top: 1px solid #e7e7e7;
margin: 24px 0;
overflow: hidden;
position: relative;
#respond p {
margin: 0;
#respond .comment-notes {
margin-bottom: 1em;
.form-allowed-tags {
line-height: 1em;
.children #respond {
margin: 0 48px 0 0;
h3#reply-title {
margin: 18px 0;
#comments-list #respond {
margin: 0 0 18px 0;
#comments-list ul #respond {
margin: 0;
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 18px;
#respond .required {
color: #ff4b33;
font-weight: bold;
#respond label {
color: #888;
font-size: 12px;
#respond input {
margin: 0 0 9px;
width: 98%;
#respond textarea {
width: 98%;
#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
#respond .form-allowed-tags code {
font-size: 11px;
#respond .form-submit {
margin: 12px 0;
#respond .form-submit input {
font-size: 14px;
width: auto;
/* =Widget Areas
.widget-area ul {
list-style: none;
margin-left: 0;
.widget-area ul ul {
list-style: square;
margin-left: 1.3em;
.widget_search #s {/* This keeps the search inputs in line */
width: 60%;
.widget_search label {
display: none;
.widget-container {
margin: 0 0 18px 45px;
.widget-title {
color: #3B6B91;
font-weight: bold;
.widget-area a:link,
.widget-area a:visited {
text-decoration: none;
.widget-area a:active,
.widget-area a:hover {
text-decoration: underline;
.widget-area .entry-meta {
font-size: 11px;
#wp_tag_cloud div {
line-height: 1.6em;
#wp-calendar {
width: 100%;
#wp-calendar caption {
color: #222;
font-size: 14px;
font-weight: bold;
padding-bottom: 4px;
text-align: left;
#wp-calendar thead {
font-size: 11px;
#wp-calendar thead th {
#wp-calendar tbody {
color: #aaa;
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
padding: 3px 0 2px;
text-align: center;
#wp-calendar tbody .pad {
background: none;
#wp-calendar tfoot #next {
text-align: right;
.widget_rss a.rsswidget {
color: #000;
.widget_rss a.rsswidget:hover {
color: #ff4b33;
.widget_rss .widget-title img {
width: 11px;
height: 11px;
/* Main sidebars */
#main .widget-area ul {
margin-left: 0;
padding: 0 20px 0 0;
#main .widget-area ul ul {
border: none;
margin-left: 1.3em;
padding: 0;
#primary {
#secondary {
/* Footer widget areas */
#footer-widget-area {
/* =Footer
#footer {
margin-bottom: 20px;
background: url(images/footer_back.gif) no-repeat center top;
height: 600px;
#colophon {
overflow: hidden;
padding: 45px 0;
font-weight: bold;
color: #FFF;
text-align: center;
#site-info {
font-weight: bold;
#site-info a {
color: #000;
text-decoration: none;
#site-generator {
font-style: italic;
position: relative;
#site-generator a {
background: url(images/wordpress.png) center left no-repeat;
color: #666;
display: inline-block;
line-height: 16px;
padding-left: 20px;
text-decoration: none;
#site-generator a:hover {
text-decoration: underline;
img#wpstats {
display: block;
margin: 0 auto 10px;
/* =Mobile Safari ( iPad, iPhone and iPod Touch )
pre {
-webkit-text-size-adjust: 140%;
code {
-webkit-text-size-adjust: 160%;
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
-webkit-text-size-adjust: 120%;
#site-description {
-webkit-text-size-adjust: none;
/* =Print Style
@media print {
body {
background: none !important;
#wrapper {
clear: both !important;
display: block !important;
float: none !important;
position: relative !important;
#header {
border-bottom: 2pt solid #000;
padding-bottom: 18pt;
#colophon {
border-top: 2pt solid #000;
#site-title,
#site-description {
float: none;
line-height: 1.4em;
margin: 0;
padding: 0;
#site-title {
font-size: 13pt;
.entry-content {
font-size: 14pt;
line-height: 1.6em;
.entry-title {
font-size: 21pt;
#access,
#branding img,
#respond,
.comment-edit-link,
.edit-link,
.navigation,
.page-link,
.widget-area {
display: none !important;
#container,
#header,
#footer {
margin: 0;
width: 100%;
#content,
.one-column #content {
margin: 24pt 0 0;
width: 100%;
.wp-caption p {
font-size: 11pt;
#site-info,
#site-generator {
float: none;
width: auto;
#colophon {
width: auto;
img#wpstats {
display: none;
#site-generator a {
margin: 0;
padding: 0;
#entry-author-info {
border: 1px solid #e7e7e7;
#main {
display: inline;
.home .sticky {
border: none;
/* -------- sidebar region --------*/
#sidebar .sidebarContent {
padding-left: 45px;
/* base navigation */
ul#baseNav {
float: left;
list-style: none;
margin:0;
padding:0;
margin-bottom: 30px;
ul#baseNav li {
margin: 0;
padding: 0;
ul#baseNav li a{
display: block;
width: 272px;
height: 70px;
text-indent: -1000em;
ul#baseNav li a.tours {
background: url(images/tours_main.gif) no-repeat left top;
ul#baseNav li a.mission{
background: url(images/mission_main.gif) no-repeat left top;
ul#baseNav li a.contact {
background: url(images/contact_main.gif) no-repeat left top;
ul#baseNav li a.resources {
background: url(images/resource_main.gif) no-repeat left top;
ul#baseNav li a.explorers {
background: url(images/explorers_main.gif) no-repeat left top;
ul#baseNav li a.current, ul#baseNav li a.current:hover {
background-position: right top;
border: none;
cursor: default;
ul#baseNav li a:hover {
background-position: -272px 0;
border: none;
/* ------- footer region ------- */
#footer h1 {
padding: 0;
#footer h3 {
font: normal 1.3em Arial, Helvetica, sans-serif;
color: #fff;
margin-bottom: 0.5em;
letter-spacing: 0.1em;
margin-top: 0px;
#footer p{
font: normal 1em Georgia, "Times New Roman", Times, serif;
color: #fff;
#footer p.support {
font-size: 0.8em;
text-align: center;
padding-top: 250px;
#footer p.support a{
color: #147;
#footer p.support a:hover{
color: #147;
border-bottom: 1px dashed #147;
text-decoration:none;
#footer ul#quickNav {
list-style: none;
margin: 0;
padding: 0;
#footer ul#quickNav li {
margin: 0 0 .5em 0;
padding: 0 ;
#footer ul#quickNav li a{
text-decoration: none;
color: #fff;
font-size: 1em;
font-family: Georgia, "Times New Roman", Times, serif;
#footer ul#quickNav li a:hover {
color: #193742;
border-bottom-color: #193742;
#footer #footerMenu {
float: left;
width: 230px;
#footer #footerBody {
float: right;
width: 540px;
#footer #footerBody a {
text-decoration: none;
color: #fff;
#footer #footerBody a:hover {
color: #193742;
border-bottom-color: #193742;
#footer #footerBody #footerMidCol {
float: left;
width: 270px;
#footer #footerBody #footerMidCol p {
margin-bottom: 2em;
#footer #footerBody #footerRightCol {
float: right;
width: 270px;
#footer #footerBody #footerRightCol h1{
font: bold 1.6em Georgia, "Times New Roman", Times, serif;
color: #fff;
letter-spacing:.1em;
text-align:right;
margin-bottom: .25em;
#footer #footerBody #footerRightCol p{
color: #fff;
letter-spacing:.1em;
line-height: 1.2;
text-align:right;
margin-bottom: 1em;
#footer #footerBody #footerRightCol p.phone{
font: bold 1.6em Georgia, "Times New Roman", Times, serif;
color: #fff;
letter-spacing:.1em;
/* Page template rules */
#templateID h1 {
text-align: center;
font: 4em "Trebuchet MS", Arial, Helvetica, sans-serif;
#footer #footerContent {
padding: 45px 30px 0px;
overflow: hidden; -
Quickie: Design view not working
Hi all,
Not sure why, but design view (non-live) just shows a grey panel, or white if I focus on it.
If I turn Live View on, I can see everything but not edit it obviously. Split code/design doesn't work unless Live View is turned on.
No idea why this is, I'm an occassional user of DW (CS6 Win7). This is a site which I've created, edited and published before all on the same workstation.
Thanks in advance,
Simon.First, validate your HTML and CSS code. Fix any reported errors. CS6 Design View is much less forgiving of coding errors than earlier versions were. A blank screen can be caused by missing semi-colons in your CSS, orphaned <div> tags, etc..
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
If after cleaning your code you still have problems, upload your page and supporting files to your web server, come back here and post the URL so we can take a look at it.
Nancy O. -
Design view not working after importing project from Flex Builder
After importing a project from Flex Builder to Flash Builder I am no longer able to see anything in the design view. I am using the flex 4.5 sdk.
Any idea how I can get this design view working? I heard it could have something to do with the metadata directory but am slightly lost here?...
AdamCould you please provide more information as to what exactly are you importing. Also does Design View not lauch at all or does it give errors. Would it be possible for you to share the logs.
Meanwhile you can try cleaning the workspace and importing again to see if that solves the issue. -
On a Mac OS Mavefrick, DW CC. Mostly working fine until recently. Now CSS changes shown in Design View not seen in Live View. Checked syntax, made changes in CSS Designer to no effect. Could not uninstall DW CC (alias corrupted?) but reinstalled DW CC. Re-install had no effect. Suggestions?
RJLThanks for your suggestion but this has been a sudden, recent change. Never had this problem before using DW CC.
Today, I tweaked the CSS and got to a point on one of my pages (calendar.htm) where everything in Design view and Live view looked just as I wanted it. Tested in Firefox and Chrome, still fine. Uploaded the file to the server, opened the page in Chrome, still fine. An hour or two later I went back to calendar.htm and whereas everything was fine in Design view the CSS styling on the h4 tags were not present in Live view. Checked the web again and the calendar.htm looked as I expected it to look (serrakck.org --> Calendar).
Still need help. I have a bunch of CC apps on my Macs and maybe there is some comflick with them. Don't have any other version of DW except DW CC. -
Design view not working with external style sheet
Hi All,
Design view does not render ( just plain text, no formating !
) in CS3. So I loaded the same file in DW8 ( installed on same
machine ) & it works fine !
Anyone have any ideas why ?
html doc is lnked via this:
regards, Dave PVIEW | Style Rendering > Display Styles?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Ganda1f" <[email protected]> wrote in
message
news:f11lt2$sv9$[email protected]..
> Hi All,
>
> Design view does not render ( just plain text, no
formating ! ) in CS3.
> So I
> loaded the same file in DW8 ( installed on same machine
) & it works fine
> !
>
> Anyone have any ideas why ?
>
> html doc is lnked via this:
>
> regards, Dave P
>
>
> <style type="text/css">
> <!--
> @import url("style.css");
> -->
> </style>
> -
I am trying to download the new CS6 Design Suite - not able to get past the previous version.
I am trying to downloat the new CS6 Design Suite and am not able to get past the previous version menu. Getting the message "This serial number is not for a qualifying product. Please try another." How do I get past this?
When you say "Download" do you actually mean install?
Which version are you upgrading from?
Could you try the solutions in the following article: http://helpx.adobe.com/creative-suite/kb/error-serial-number-qualifying-product.html.
Let us know if it helps. -
DW Design Mode not rendering properly
Can anyone help me with this one ...
Grab the source from this site
http://www.s-3corp.com/ and save
the
page. Open it in DW design mode. try to select the text and
edit it
from within DW design mode?
If I want to edit the content - I must do it in code view. If
I attempt
to select text in design view - then DW selects the entire
containing
div - which is really really annoying.
Any ideas? I assume it is a setting of some kind - except
this is the
only site I have that does this. So then I think it is in the
code
somehow? The styling? AARRRGHH!! :)
Thanks,
Chris
Chris Luksha
Echo Web Services
Making Your Website Resound
p: 603-831-0099
f: 603-532-8906
http://www.echowebservices.com/
Now supplying Thawte certs
http://tinyurl.com/2xnxo8
AND Authorize.net Low rates
http://tinyurl.com/2cmoq3
And Did I mention I love building Cartweaver ModulesIt's a pragmatic solution to the problem of fitting 5 pounds
of content into
a 3 pound box. If you have content in a region that must
scroll, and if
DW's design view were to show you all of the content, it
would break your
layout. This is the solution to that issue....
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
==================
"Chris Luksha"
<[email protected]> wrote in message
news:fm3hga$q8r$[email protected]..
> Hi Murray - the code is on the page -
http://www.s-3corp.com/
>
> Of course it is using includes so there are 6 included
files or so -
> however they are line for line when rendered - so..
>
> Anyway - I just now created a new style sheet for design
time and hid the
> menu navigation bar above the content -which was the
content masking the
> content - or at least part of it :)
>
> And that worked once I double clicked in the content
area.
>
> So I think my solution will be to import the "localonly"
style sheet from
> the main style sheet and simply put a blank
"localonly.css" file on the
> server while my local one hides the menu.
>
> At least it is a workaroound for now. So why does the
overflow effect DW
> in this way?
>
>
> Chris Luksha
> Echo Web Services
> Making Your Website Resound
> p: 603-831-0099
> f: 603-532-8906
>
http://www.echowebservices.com/
>
> Now supplying Thawte certs
http://tinyurl.com/2xnxo8
> AND Authorize.net Low rates
http://tinyurl.com/2cmoq3
> And Did I mention I love building Cartweaver Modules
>
> Murray *ACE* wrote:
>>> However even though I am there I still can't
click the beginning of the
>>> content text.
>>
>> This usually means that there is a masking
positioned element over top of
>> the part you are trying to edit. Why not show us the
page / code?
>> -
Design View not displaying properly
I am pretty new to Dreamweaver. I can't get my Design view to display properly, even when tried on two different computers. The top div displays properly, then on the nav bar, only the background shows with the table items just listed in a row. There are a lot of black background segments to the page, and thin yellow lines. The main content shows at the bottom after a big chunk of black background blocks. The page shows perfectly fine in a browser. I can only work in Code view because of this. Any suggestions?
If it helps, here is my html:
<!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>dentonquiltguild</title>
<link href="includes/gallery.css" rel="stylesheet" type="text/css" />
<link href="dqgfinal_styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<!--[if lte IE 6]>
<![endif]-->
<style type="text/css">
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
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])&&d.all) 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>
<div id="top">
<div id="logotemp"><img src="images/logo.gif" width="280" height="175" alt="logo" /></div><!--logotemp -->
<div id="quilt_top"><img src="images/quilt_top_01.png" width="550" height="209" alt="quilt top" /></div>
</div><!--top -->
<div id="navbar">
<ul id="MenuBar2" class="MenuBarHorizontal">
<li><a href="index.html"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/homered_03.gif',1)"><img src="images/homewhite_03.gif" alt="home button" name="Image8" width="101" height="43" border="0" id="Image8" /></a> </li>
<li><a href="general.html" class="MenuBarItemSubmenu"></a><a href="general.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','images/generalred_03.gif',1)"><img src="images/generalwhite_03.gif" alt="general button" name="Image9" width="101" height="43" border="0" id="Image9" /></a>
<ul>
<li><a href="meetings.html">Meetings</a></li>
<li><a href="showandtell.html">Show & Tell</a></li>
<li><a href="library.html">Library</a></li>
<li><a href="blogs.html">Blogs</a></li>
<li><a href="retreat.html">Retreat</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="members.html"></a><a href="members.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/membersred_03.gif',1)"><img src="images/memberswhite_03.gif" alt="members button" name="Image10" width="101" height="43" border="0" id="Image10" /></a>
</li>
<li><a href="community.html" class="MenuBarItemSubmenu"></a><a href="community.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/communityred.gif',1)"><img src="images/communitywhite_03.gif" alt="community button" name="Image11" width="101" height="43" border="0" id="Image11" /></a>
<ul>
<li><a href="kidskwilts.html">Kids Kwilts</a></li>
<li><a href="storybooks.html">Storybooks</a></li>
<li><a href="sowinghope.html">Sowing Hope</a></li>
</ul>
</li>
<li><a href="contacts.html" class="MenuBarItemSubmenu"></a><a href="contacts.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','images/contactsred_03.gif',1)"><img src="images/contactswhite_03.gif" alt="contacts button" name="Image12" width="101" height="43" border="0" id="Image12" /></a>
<ul>
<li><a href="board.html">Board</a></li>
<li><a href="bees.html">Bees</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="shops.html">Shops</a></li>
<li><a href="guilds.html">Guilds</a></li>
</ul>
</li>
</ul>
</div><!--navbar -->
<div id="quilt_bottom"><img src="images/quilt_bottom_02.png" width="550" height="128" alt="quilt bottom" /></div>
<div id="maintemp">
<div id="next">
<div id="next_meeting_text">
<div align="center">Next Meeting<br/> March 15
</div><!--center -->
</div><!--next_meeting_text -->
<div><!--speaker_text -->
<div align="center"><a href="http://americanjane.com" id="speaker_text">Sandy Klop<br/>"American Jane"</a></div><!--align -->
</div><!--speaker_text -->
<div id="calendar_button">
<div align="center"><a href="calendar.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/calendar_ro_03.gif',1)"><img src="images/calendar_03.gif" alt="calendar button" name="Image6" width="136" height="54" border="0" id="Image6" /></a></div>
</div><!--calendar_button -->
<div id="events_button">
<div align="center"><a href="events.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/events_ro_03.gif',1)"><img src="images/events_03.gif" alt="events button" name="Image7" width="136" height="54" border="0" id="Image7" /></a></div>
</div><!--events_button -->
</div><!--next -->
<div id="main_head">Welcome To The <br/>Denton Quilt Guild</div><!--main_head -->
<div id="main_text">
We are a group of over 200 quilters creating everything from traditional quilts, to art quilts, and everything in between. New members and visitors are always welcome to our meetings on the 3rd Thursday of each month.<br />
The Denton Quilt Guild provides a service to the local community by providing quilts to children in need, offering our Storybooks and Quilts To Go to our local schools, and participating in local events such as the Storytelling Festival. Quilters of all levels are welcome!
</div><!--main_text -->
<div id="bottom">
<div id="copyright"><img src="images/copyright.gif" width="127" height="8" alt="copyright" /></div><!--copyright -->
<div id="facebook"><a href="http://www.facebook.com/groups/42514709926/"><img src="images/facebook.gif" width="112" height="45" alt="facebook" /></a></div>
</div>
</div>
</div><!--maintemp -->
</div><!--wrapper -->
<script type="text/javascript">
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>I still cannot solve this problem. Can ANYONE out there help, or tell me where I can find the answer. Now I will attach two screen shots of what my Design View looks like. It happens on all pages I have created. I do like working in code view, but there are times when it's easier, almost essential for me to work in Design view. If it works for some people, why not me?
These images are the top and then the bottom of the same page. I have turned CSS rendering on and off, but nothing helps. -
I ftp'd the files and went to move the pictures and I cannot see the design view at all. Just code. I need to see the design view. Can you help? Usually my index page is .html not .php. I have learned on my own and I really need to fix this site. Thanks!
<?php
include ('Includes/connect.php');
$query = "SELECT id, name, project FROM projects ORDER BY name ASC";
$result = mysql_query($query);
if (!$result) {
die('Could not query:' . mysql_error());
exit;
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>BuildAPlane.org - Kids Learning Science, Math and Technology by Building Real Airplanes</title>
<link rel="stylesheet" type="text/css" href="bap.css">
</head>
<body topmargin="0" leftmargin="0" rightmargin="0">
<table border="0" width="1024" style="border-collapse: collapse">
<tr>
<td width="60" valign="top" style="background-image: url('images/sidebar.jpg'); background-repeat: repeat-y">
</td>
<td valign="top">
<div align="center">
<table border="0" width="95%" style="border-width:0; border-collapse: collapse">
<tr>
<td align="right">
<font size="2"><a href="espanol.htm">ESPANOL</a> | <a href="contact.htm">CONTACT US</a></font><br>
</td>
</tr>
<tr>
<td>
<img border="0" src="images/buildaplane-logo.jpg" width="606" height="96"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<font size="2">HOME | <a href="what-is-buildaplane.htm">WHAT IS BAP</a> | <a href="advisory_board.htm">ADVISORY BOARD</a> | <a href="donate-aircraft.htm">DONATE AN AIRPLANE</a> | <a href="start-a-project.htm">START A PROJECT</a> | <A HREF="contribute.htm">CONTRIBUTE</a> | <a href="supporters.htm">SUPPORTERS</a></font>
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<div align="center">
<table border="0" width="95%" style="border-width:0; border-collapse: collapse">
<tr>
<td align="right" colspan="2"> </td>
</tr>
<tr>
<td width="50%">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0, 0,0" width="453" height="343" id="buildaplane" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="buildaplane.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="buildaplane.swf" quality="high" bgcolor="#ffffff" width="453" height="343" name="buildaplane" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</td>
<td width="50%" rowspan="2" valign="top">
<div align="center">
<table border="1" width="80%" cellpadding="10" style="border-collapse: collapse" bordercolor="#FF0000">
<tr>
<td bordercolorlight="#FF0000" bordercolordark="#800000" bordercolor="#FF0000">
<b><font size="2" color="#FF0000">BuildAPlane Announces Teachers’ Day at AirVenture! >></b></font><br>
<font size="2">
BuildAPlane, a non-profit aviation education organization, will sponsor Teacher’s Day at the Experimental Aircraft Association's <b>AirVenture this year in Oshkosh, WI</b>. The event is scheduled for <b>July 28th, 2009</b><br>
<a href="teachersDayInfo.html">More Information</a> | <a href="teachersDay.html">Register Now</a><br><br>
</font>
<!--
<a href="news.htm">BAP In The News >></a></font></b><p>
<font size="2">Build A Plane, with the help of the
FAA and the aviation community, offers young people
with an interest in flying the chance to build
airplanes and build STEM skills.</font>
-->
</td>
</tr>
<tr>
<td><b><font size="2" color="#FF0000">
<a target="_blank" href="http://stores.ebay.com/Build-A-Plane-Aviation-Store">
BAP eBay Auction Store >></a></font></b></td>
</tr>
<tr>
<td>
<table border="0" cellpadding="2" cellspacing="0">
<tr>
<td aligin="left" valign="top">
<b><font size="2" color="#FF0000">Current Projects >></font></b><p>
<img border="0" src="images/current-projects-shadow.jpg" width="175" height="166">
</td>
<td with="10"></td>
<td align="left" valign="top">
<form name="projects" action="projects/viewProject.php" method="post">
<select name="id" onChange="this.form.submit();">
<option value="">--VIEW A PROJECT--
<?php
for ($count = 1; $row = mysql_fetch_row($result); ++$count) {
$id = $row[0];
$name = $row[1];
$name = substr($name, 0, 12);
$project = $row[2];
$project = substr($project, 0, 12);
?>
<option value="<?=$id?>"><?=$name?>... <?=$project?>...
<?php
?>
</select>
</form>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<font size="2" color="#FF0000"><b><a href="glassair_twoweeks.html">Build A Plane's Own Plane! >></a></b></font><br><br>
<font size="2">
High school kids, working with professional assistance at the Glasair factory, built a Sportsman 2+2 in just two weeks!<br>
<a href="glassair_twoweeks.html">Read More...</a><br>
</font>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td width="50%">
<font size="2"><b>Build A Plane began operations in 2003 as a
non-profit organization dedicated to promoting aviation and
aerospace careers by giving young people the opportunity to
build real airplanes.</b> Aircraft construction and restoration
projects provide an exciting opportunity to motivate kids to
learn virtually any facet of science, technology, engineering
and mathematics when applied to this program.</font></td>
</tr>
<tr>
<td width="50%" align="left">
<b><font color="#FF0000" size="2">
<a href="what-is-buildaplane.htm">Learn more... >></a></font></b></td>
<td width="50%">
</td>
</tr>
<tr>
<td width="100%" align="left" colspan="2">
</td>
</tr>
<tr>
<td width="100%" align="center" colspan="2">
<table border="0" width="100%" cellspacing="1" style="border-collapse: collapse">
<tr>
<!--
<td width="33%" align="center" valign="top">
<a href="http://www.flabob.org" target="_blank"><img src="images/flabob.jpg" border="0"></a><br>
<font size="1">Thomas Wathen Foundation</font><br>
</td>
-->The page contains PHP markup, but it's not any that should interfere with your seeing something in Design view. What is interfering with that is some invalid HTML on the page. For example -
<font size="1">American Telecommunications Certification Body</font><br></td>
</td>
(note the </td> followed by another </td>)
If I remove that extra </td> then your Design view becomes visible. There are at least two other problems on this page -
There is no doctype - thus, the page will be rendered by all browsers in QUIRKS mode. That's a bad thing. You should use an HTML 4.01 Transitoinal doctype on this and other pages.
There is an improperly nested <font> tag here -
<b><font size="2" color="#FF0000">BuildAPlane Announces Teachers’ Day at AirVenture! >></b></font>
I'd fix all of these if I were you.
The page also contains PHP scripting that is connecting to an online database, and extracting information that is used to populate the <select> tag in the projects form. You will not see that tag populated with options in Design view. To see it, you would need to have Apache and PHP installed, and have a testing server defined for this site. Even then, you would only see that tag populated in Live view or on Preview, not in Design view. -
Design view not showing true design
I'm using Dreamweaver CS3, and have an issue with design
view.
I was editing the content of a page in design view, applying
styles from my main.css, when the page I was working on suddenly
lost all its styles, including heading & paragraph styles, and
placement of most div tags.
My header and the div tags inside that are still visible, as
is the side navigation, although the background image for the side
navigation is not. It seems to be all my editable regions that have
decided not to show correctly.
I've checked other pages and templates based on the main.css,
and they all appear to have the same problem.
The good news:
1. The CSS Styles inspector on each page shows it is attached
to the main.css, but lists only three styles under that style
sheet, all of which are named 'td img'.
2. The main.css itself looks fine. All my styles are still
there.
3. When I preview my site in a browser, it looks as it
should, so presumably it IS still attached to the style sheet, it's
just not showing properly when I'm working on it.
Any clues as to what's going on?
As I'm sure everyone says, this is kind of urgent, so any
help anyone can offer will be very gratefully received!
Thanks in advance for any help you can offer!
EDIT: I've been playing around with previewing the site in a
browser again, and have encountered another issue, which may be
related. I can preview a preliminary page, but all my links take me
to a 'this page cannot be found' error message. I was pretty sure
it wasn't doing this when I first encountered the problem with
design view, but I could be mistaken. Has something happened to the
internal links on my site, perhaps?In the View menu go to Style Rendering. Make sure Display
Styles is checked.
Walt
"Cyrus_Ice" <[email protected]> wrote in
message
news:fga649$m61$[email protected]..
> I'm using Dreamweaver CS3, and have an issue with design
view.
>
> I was editing the content of a page in design view,
applying styles from
> my
> main.css, when the page I was working on suddenly lost
all its styles,
> including heading & paragraph styles, and placement
of most div tags.
>
> My header and the div tags inside that are still
visible, as is the side
> navigation, although the background image for the side
navigation is not.
> It
> seems to be all my editable regions that have decided
not to show
> correctly.
>
> I've checked other pages and templates based on the
main.css, and they all
> appear to have the same problem.
>
> The good news:
> 1. The CSS Styles inspector on each page shows it is
attached to the
> main.css,
> but lists only three styles under that style sheet, all
of which are named
> 'td
> img'.
>
> 2. The main.css itself looks fine. All my styles are
still there.
>
> 3. When I preview my site in a browser, it looks as it
should, so
> presumably
> it IS still attached to the style sheet, it's just not
showing properly
> when
> I'm working on it.
>
> Any clues as to what's going on?
>
> As ever, this is kind of urgent, so any help anyone can
offer will be very
> gratefully received!
>
> -
DW design view not displaying CSS correctly
Hello,
I am having a problem using the position:relative CSS. I've
created a simple page that has 3 div tags. Below is the code:
<body>
<div id="headerleft"><img src="/images/header.gif"
width="303" height="120" /></div>
<div id="headerright">Right Side</div>
<div id="toplinks">
<a href="www.google.com">Link 1</a> |
<a href="www.google.com">Link 2</a> |
<a href="www.google.com">Link 3</a> |
</div>
</body>
Below is my CSS code:
#headerleft {
position: relative;
z-index:2;
margin-bottom:-40px;
float:left;
#headerright {
float:right;
#toplinks {
position: relative;
z-index:3;
text-align:center;
clear:both;
What this page does is shows a image in the top left corner.
In the top right the phrase "Right Side". Then my third div
'toplinks' displays a bunch of links. Since my headerleft id has
margin-bottom:-40px, I need to use z-index and position:relative so
that my links are shown above the headerleft id.
I publish the page and view it in IE and everything works
fine. However, in Design View in DW my toplinks div is displayed
right under the rightheader id. For some reason it's not being
displayed under the left and right floats(headerleft and
headerright id's). Not sure why because I have 'clear:both' set for
that div's CSS.
I take the position:relative out of the toplinks id, and
everything looks fine in DW. My toplinks id then drops under the
both headerleft and headerright. However, when I view this is IE
then the links on the left are no longer active. I guess because
z-index needs position:relative to work?
Anybody have any suggestions?
ThanksI'm not sure what you are trying to accomplish, but try this
much simpler
and less convoluted code -
<style type="text/css">
<!--
#headerright {
float:right;
#toplinks {
text-align:center;
width: 300px;
float: right;
-->
</style>
</head>
<body>
<div id="headerleft">
<div id="toplinks"> <a
href="www.google.com">Link 1</a> | <a
href="www.google.com">Link
2</a> | <a href="www.google.com">Link
3</a> | </div>
<div id="headerright">Right Side</div>
<img src="/images/header.gif" width="303" height="120"
/> </div>
</body>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"esuweb" <[email protected]> wrote in
message
news:[email protected]...
> Hello,
> I am having a problem using the position:relative CSS.
I've created a
> simple
> page that has 3 div tags. Below is the code:
>
> <body>
> <div id="headerleft"><img
src="/images/header.gif" width="303"
> height="120"
> /></div>
> <div id="headerright">Right Side</div>
> <div id="toplinks">
> <a href="www.google.com">Link 1</a> |
> <a href="www.google.com">Link 2</a> |
> <a href="www.google.com">Link 3</a> |
> </div>
> </body>
>
> Below is my CSS code:
>
> #headerleft {
> position: relative;
> z-index:2;
> margin-bottom:-40px;
> float:left;
> }
>
> #headerright {
> float:right;
> }
>
> #toplinks {
> position: relative;
> z-index:3;
> text-align:center;
> clear:both;
> }
>
> What this page does is shows a image in the top left
corner. In the top
> right
> the phrase "Right Side". Then my third div 'toplinks'
displays a bunch of
> links. Since my headerleft id has margin-bottom:-40px, I
need to use
> z-index
> and position:relative so that my links are shown above
the headerleft id.
>
> I publish the page and view it in IE and everything
works fine. However,
> in
> Design View in DW my toplinks div is displayed right
under the rightheader
> id.
> For some reason it's not being displayed under the left
and right
> floats(headerleft and headerright id's). Not sure why
because I have
> 'clear:both' set for that div's CSS.
>
> I take the position:relative out of the toplinks id, and
everything looks
> fine
> in DW. My toplinks id then drops under the both
headerleft and
> headerright.
> However, when I view this is IE then the links on the
left are no longer
> active. I guess because z-index needs position:relative
to work?
>
> Anybody have any suggestions?
>
> Thanks
>
Maybe you are looking for
-
Hello, I just bought a 2013 Mac mini and I cannot get the sound to output to my Dell U2713HM monitor. I went to sound output but even though my Dell shows up there when I select it there is no sound output to it. I am using a mini DP to DP cable...
-
Exporting table data to a CSV file
hello everyone, i need help on exporting table data to a CSV file. I have a div element containing the table which displays some data. there is a "Export" button just above the table, which if clicked, will export the current data in the table to a .
-
Hi Guys, I have a problem with my web templates. I transported my web template to QA system and when I try to open it, it says that the web template is "Inconsistent". It opens fine in Dev. Do u think I have missed something in the transportation. I
-
Desperate for help! indd crashing when copying/pasting from illustrator
i have cs2; updated programs for indesign and illustrator; on my new imac i have a bunch of small graphics -- logos, and line drawings -- that i need to place into indd. they have been scanned and traced in illustrator. i have copied and then pasted
-
The type initializer for 'Oracle.DataAccess.Client.OracleClientFactory'
Hi Microsoft Visual Studio 2008 Version 9.0.21022.8 RTM Microsoft .NET Framework Version 3.5 SP1 Oracle Developer Tools for Visual Studio 11.1.0.7.20 I have DB 11.2.0.1 installed on my machine ( OraDb11g_home1 ) and ODT in another home OraClient11g_h