Dreamweaver CSS Template Issue
Hi all,
Having a slight problem with creating CSS from a template in Dreamweaver. I have made templates before and created editable regions and usually can add CSS to the page. Though for some reason it's not accepting any CSS. I'll created the rule and hit ok and then it just disappears - though the CSS of the .dwt remains - as it should do.
If anyone could cast any light on this, would be greatly appreciated. Please see attached code for the dwt below:
<!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>Untitled Document</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 25px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #000000;
background-image: url(images/tester.jpg);
background-repeat: no-repeat;
.outer {
width: 985px;
margin: auto;
position: relative;
.main {
width: 625px;
float: left;
background-image: url(images/lighter_backing.png);
.flashBanner {
width: 625px;
float: left;
height: 315px;
.mainContent {
width: 585px;
float: left;
margin: 20px 20px 20px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.5;
color: #FFF;
.footer {
width: 585px;
float: left;
background-image: url(images/Trans_Background1.png);
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
padding: 20px 20px 20px 20px;
border-top: 3px solid #222;
.leftCol {
width: 120px;
margin-right: 20px;
float: left;
.navButtons {
.logo {
float: right;
margin-bottom: 20px;
.nav_buttons {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
text-align: right;
height: 15px;
float: right;
width: 120px;
margin-bottom: 3px;
.img {
border-style: none;
.sub_tab_description {
line-height: 1.3;
.sub_tabs {
.created {
width: 985px;
float: left;
text-align: center;
margin: 15px 0px 0px 0px;
.sub_tabs_01_02 { width: 180px;
margin-right: 20px;
float: left;
.sub_tabs_03 { width: 180px;
float: left;
.sub_tabs_04 { width: 180px;
float: left;
margin-left: 25px;
.right_col { width: 220px;
height: 45px;
background-image: url(images/darker_backing.png);
float: left;
margin-top: 270px;
.right_col_attention { background-image: url(images/semi.png);
float: left;
width: 180px;
padding: 20px 20px 20px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.4;
color: #FFF;
.right_image { margin-bottom: 15px;
a:link {
color: #FFF;
text-decoration: none;
a:visited {
text-decoration: none;
color: #FFF;
a:hover {
text-decoration: underline;
color: #FFF;
.img {
border-style: none;
a:active {
text-decoration: none;
color: #FFF;
-->
</style>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div class="outer">
<div class="leftCol">
<div class="logo"><a href="index.html"><img src="images/logo.png" width="117" height="62" class="img" /></a></div>
<div class="nav_buttons"><a href="../index.html">Home</a></div>
<div class="nav_buttons"><a href="../salons.html">The Salon</a></div>
<div class="nav_buttons"><a href="../hairdressing-price-list.html">Hair Price List</a></div>
<div class="nav_buttons">Beauty Price List</div>
<div class="nav_buttons">Children's Parties</div>
<div class="nav_buttons"><a href="../careers.html">Careers</a></div>
<div class="nav_buttons"><a href="#">Contact Us</a></div>
</div>
<div class="main"><!-- TemplateBeginEditable name="Flash Banner" -->
<div class="flashBanner">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="625" height="315">
<param name="movie" value="../images/HairPriceList.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../images/HairPriceList.swf" width="625" height="315">
<!--<![endif]-->
<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" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<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>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="Editable Content" -->
<div class="mainContent"></div>
<!-- TemplateEndEditable -->
<div class="footer">
<div class="sub_tabs">
<div class="sub_tabs_01_02">
<div class="sub_tab_description"><strong>CHIC OF NEWTON ABBOT</strong><br />
9 Market Hall, Opposite Somerfield<br />
Newton Abbot,<br />
Devon,<br />
TQ12 2RX<br />
<strong>Telephone: </strong>01626 362600</div>
</div>
<div class="sub_tabs_03">
<div class="sub_tab_description"><strong>OPENING TIMES</strong><br />
Monday - Saturday: <strong>9.00 - 5.00</strong><br />
Late appointments available on request.</div>
</div>
<div class="sub_tabs_04">
<div class="sub_tab_description"><strong>ABOUT CHIC</strong><br />
Opened in 2009, having proved a great success, we've undergone a major reburnishment, we now have a beauty treatment room and offer a wide range of treatments.</div>
</div>
</div>
</div>
</div>
<div class="right_col"></div>
<div class="right_col_attention">
<div class="right_image"><img src="images/how_to_book_white.png" alt="" width="172" height="34" /></div>
<p>Call today or pop in to discuss your requirments with one of our dedecated team of technicians who will be happy to help. </p>
<p><strong>CHIC OF NEWTON ABBOT<br />
</strong>Telephone: 01626 362600</p>
</div>
<div class="created"><img src="../images/created-by.png" width="199" height="12" alt="Created by Kristopher Kerr" /></div>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>
Your <style> tags are not within an editable Template region. You might want to move your CSS rules to an external stylesheet then link your Template to the external.css file. It's a more efficient way of managing your site.
See this link for details:
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com
Similar Messages
-
Hey all, just re-staged an xp desktop, installing MM studio
8. If I start Flash / Fireworks, they both show the intro image,
then start.
Dreamweaver is showing the nice green screen, then the app
starts (you can see the entire back for less than a second) then
disappears. Windows task manager doesn't show it, so if anyone
knows of a patch, or way around this, feel free to shoot out some
help! I did uninstall / re-install with the same results
tnx .See if there's anything here that helps:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=fb181c10
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
~ Forum Posting Guidelines ~
http://www.adobe.com/support/forums/guidelines.html
"sir_lancealot" <[email protected]> wrote in
message
news:eucj66$2bt$[email protected]..
> Hey all, just re-staged an xp desktop, installing MM
studio 8. If I start
> Flash / Fireworks, they both show the intro image, then
start.
>
> Dreamweaver is showing the nice green screen, then the
app starts (you can
> see
> the entire back for less than a second) then disappears.
Windows task
> manager
> doesn't show it, so if anyone knows of a patch, or way
around this, feel
> free
> to shoot out some help! I did uninstall / re-install
with the same
> results
>
> tnx .
> -
Dreamweaver CS3 3 column CSS footer issue
Has anyone used the Three Column Absolutely Positioned Header
and Footer (thrColAbsHdr) CSS template in Dreamweaver CS3? If so,
has anyone figured out how to address issue of Sidebar1 and
Sidebar2 content floating over top of the footer (instead of
growing and pushing the footer down)?
Adrian Senior appears to have addressed it regarding the
twoColElsLtHdr CSS...
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_pt3_cs3.html
I've tried his suggestion and it still doesn't appear to be
working properly with this CSS/template (thrColAbsHdr).Example 3-column CSS layout:
http://alt-web.com/TEMPLATES/3-col-fixed-layout.shtml
CSS divisions do not produce equal height columns. You'll need to trick the eye into thinking they are equal buy using a repeating background-image that tiles down the page. This technique is called Faux Columns.
You can see a crude example here:
http://alt-web.com/TEMPLATES/3-col-white-gray.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
CSS Template in Dreamweaver, cannot make flash(swf) show ???
Hi all,
I'm quite new at using dreamweaver, have been using GoLive
some before and I have got a time consuming problem:
To try to get a hang of CSS page designs I've used the Page
Design (CSS) Halo Right nav that comes with DW8.
I've learnt pretty much how it works BUT, I cannot make a
flash file visible when inserted to the page design ????
It does not show if I insert it to an existing div tag or if
I insert it in a new layer. What am I doing wrong ?
(same goes for images)
Need help quickly.
Thanks!This is one of the several weird problems with the HALO
layout.
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
==================
"Pasay" <[email protected]> wrote in message
news:eve7b0$s6g$[email protected]..
> OK!,
> will look into that, as I said I'm all new to this,
grateful for all tips.
> I've posted a new Topic : CSS Template in Dreamweaver,
Submeny
> dissapears?
> may be related to the javascript error ?
> //Bosse
> -
Uploading css template to dreamweaver
I need to upload some css templates to dreamweaver but can't
figure out how to do it yet.Huh? Upload CSS templates to DW? You mean you need to add a
CSS-based
template page to your DW site? Is it a *.dwt page? If so just
copy it into
the Templates folder at the root level of the site.
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
==================
"ntnsllc" <[email protected]> wrote in
message
news:gj91bs$j0k$[email protected]..
>I need to upload some css templates to dreamweaver but
can't figure out how
>to do it yet. -
Hi All
I have a major issue at work, I have been given a downloaded CSS website template, and a copy of dreamweaver... but the question is, I have no idea how to get the css template into dreamweaver so I can edit the txt and images etc.
I am so sorry if this is a very easy thing to do, I feel useless at the moment , I have done the tutorials on here but just don't understand.
Can someone help me?
Thanks so much in advance.
Cheers
KaraYou dont get your template or css into Dreamweaver, you open the files with Dreamweaver. So once your install DW, you should be able to simply double click on the file to open or use DW's open command.
Once you do that, you will be able to view and edit your files.
HTH
Gary -
Dreamweaver CS3 FTP Issue on Mac
Background Info
My Mac laptop which I had been using perfectly fine for over a year with connecting via FTP in Dreamweaver headed off to the shop last week for an unrelated power issue. In its absence, I purchased a Mac Mini to continue with my design work. I used the migration assitant to replicate the exact settings of my laptop on my new desktop from a backup of the laptop. The fixed laptop was returned to me yesterday.
Issue
I went to upload some site changes I had made from my laptop and up pops the FTP error that there is no respnse from server (http://img.skitch.com/20090810-8muhscacixyxkuidwkc2yiimba.jpg). I tried again with the same result and just thought perhaps that sites server was down or similar. I moved on to another site and I get the same error, and with the third site, I decided it was an obvious pattern. I then decide to try uploading the files with the desktop that I had purchased, and it uploads without a hitch.
So any thoughts on why things would work as usual for the new desktop, but never connect (the FTP log is empty) on the laptop sitting right next to it?
Thanks for your help!Thanks Samantha for posting back a soution - I'm sure it will be helpful to others in the future :-)
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap -
Hi,
I am new to CSS but dreamweaver makes it easy and I understand it. However I have a problem I do not understand.
I created a CSS page with properties like centered content, header/footer, background image etc. I created the CSS page with the build in template in dreamweaver. So far so good. When I create a new html page and link link this page with the CSS page only part of the content from the CSS page appears. The content that appears is only the centered content. Please see below:
This is the CSS page:
@charset "UTF-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
.oneColLiqCtrHdr #container {
width: 80%; /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
.oneColLiqCtrHdr #header {
background: #FFFFFF;
padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
height: inherit;
.oneColLiqCtrHdr #header h1 {
margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
background-image: url(Grafik/test%20web/Untitled-13.jpg);
background-attachment: inherit;
background-repeat: no-repeat;
height: 120px;
width: auto;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
.oneColLiqCtrHdr #mainContent {
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: #FFFFFF;
.oneColLiqCtrHdr #footer {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
.oneColLiqCtrHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
This is the first html page that was created using the CSS template:
<!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>Untitled Document</title>
<link href="oneColLiqCtrHdr.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColLiqCtrHdr">
<div id="container">
<div id="header">
<h1> </h1>
<!-- end #header --></div>
<div id="mainContent">
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<!-- end #mainContent --></div>
<div id="footer">
<p>Footer</p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
Now, when I create new html pages and link to the CSS page it looks like this:
<!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>Untitled Document</title>
<link href="file:///Macintosh HD/Users/eddiekofoedbærbare/Documents/Websteder/Kenmark nightsystems/oneColLiqCtrHdr.css" rel="stylesheet" type="text/css" />
<link href="file:///Macintosh HD/Users/eddiekofoedbærbare/Documents/Websteder/Kenmark nightsystems/Stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
</body>
</html>
Maybe this does not show a lot, but what is missing from the CSS page is the background image, the header and the footer. What am I doing wrong?
Thank you in advance.As you can see this is the code on the new html page
<!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>Untitled Document</title>
<link href="file:///Macintosh HD/Users/eddiekofoedbærbare/Documents/Websteder/Kenmark nightsystems/oneColLiqCtrHdr.css" rel="stylesheet" type="text/css" />
</head>
<body>
</body>
</html>
When I look at this code and compare it with the code for the very first html page that got created when I made the css file all of this is missing:
<body class="oneColLiqCtrHdr">
<div id="container">
<div id="header">
<h1> </h1>
<!-- end #header --></div>
<div id="mainContent">
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<!-- end #mainContent --></div>
<div id="footer">
<p>Footer</p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
Of course I know that all the text is just filling but the codes are missing. -
How do I convert an html design web site to CSS template and layout?
Good Morning, All!
How can I convert, apply, or change, efficiently, my html web pages into a CSS template so I don’t have to change each page every time I add something to the main page…also, I currently have two tables (I know, old-fashioned) one which holds my list of contents and links to the different sections (page) with information from the community on the website. The other table holds my text and pictures which I want to update daily. How can I change the format to a 2 column, liquid layout with a masthead area on top for logo and text with a box around it. Time was not available for me to learn all the details of my new Dreamweaver program so I did what I knew and uploaded it with all the boo-boos, inactive links and non-existant pages.
Now I have the time to focus and want to get it done better so that it is easy to update with new text and features daily. (I am converting my printed newspaper to an online version after 17 plus years and trying to learn the new Adobe Premium Design Suite CS5 programs. What a trip this is at 61-years-old!
My community and readership are looking forward to the web site according to a survey I took. They are very tolerant about my boo-boos while I learn the new software for the web design. I’ve let them know, through my newspaper and personally (I am very active in the community), that online is where I am going and all that I’ve spoken to, or who have sent emails, are very supportive and look forward to getting their news from my web site newspaper.)
I am seeking some guidance...I know a little about a lot, but not a lot about anything...even though I've been working with computers since 1983.
I thank you all in advance for whatever help you can give.
DonnaThat's a good start. You will want to fix these things -
* change this -
Don Lawton. Used with permission. <div></p>
to this -
Don Lawton. Used with permission.</p>
* change this -
</center>
</P>
<div align="center"><a href="mailto:
to this -
</center>
<div align="center"><a href="mailto:
* change this -
<p>
<center>
<b><font size="+1">Webmistress: Donna Lee Hanlon<br />
c/o www.Nahant.com · PO Box 88 · Nahant, MA 01908<br />
Copyright 2002-12</font></b>
</center>
</p>
to this -
<p style="text-align:center;">
<b><font size="+1">Webmistress: Donna Lee Hanlon<br />
c/o www.Nahant.com · PO Box 88 · Nahant, MA 01908<br />
Copyright 2002-12</font></b>
</p>
And now you will have a page that contains completely valid HTML. -
CSS Layout issue!! Help Urgent!!
I am having a problem with creating a css layout, in the past i used tables and am trying to convert my sites for my customers. I have layed out the website using divs and css and it looks great until i put in the cosing of the menu bar. when i put in the coding for the menu bar suddenly the bar has a padding around it but i cannot find a padding that would change this in the css coding. I need this done asap! so please help. ill show my coding below:
this is the div coding:
<div id=Nav>
<ul class="dropdown" id="Bar"; width: 879px" name="Bar">
<li class="style16" style="width: 161px; height: 22px">
<a href="default.html" style="width: 146px">Home</a></li>
<li class="style10" style="width: 169px; height: 23px">
<a href="about.html" style="width: 153px">About</a></li>
<li class="" style="height: 31px; width: 175px; left: 0px; top: 0px">
<a href="Equipment.html" class="style18">
<div class="style10" style="width: 156px; height: 20px;">
Equipment</div>
</a> <ul class="sub_menu">
<li><a href="compressor.html">Air Compressors</a></li>
<li><a href="compactions.html">Compaction</a></li>
<li><a href="concrete.html">Concrete Equipment</a></li>
<li><a href="forklifts.html">Fork Lifts</a></li>
<li><a href="generators.html">Generators</a></li>
<li><a href="groundthawing.html">Ground Thawing</a></li>
<li><a href="heaters.html">Heaters</a></li>
<li><a href="scissorlifts.html">Scissor Lifts</a></li>
<li><a href="boomlifts.html">Boom Lifts</a></li>
<li><a href="lighttowes.html">Light Towers</a></li>
<li><a href="misc.html">Misc.</a></li>
<li><a href="dirtequipment.html">Dirt Equipment</a></li>
<li><a href="powertools.html">Power Tools</a></li>
<li><a href="pumps.html">Pumps | Saws | Welders</a></li>
</ul>
</li>
<li style="width: 165px"><a href="locations.html">
<div class="style10" style="width: 154px">
Locations</div>
</a>
</li>
<li style="width: 180px"><a href="contact.html">
<div class="style16" style="height: 24px">
Contact Us</div>
</a> </li>
</ul>
</div>
This is the css coding:
#wrapper {
width: 880px;
margin-right: auto;
margin-left: auto;
background-color: #f4f4f4;
#Navigation {
background-image: url(Images/NAvigation%20BAr.jpg);
background-repeat: no-repeat;
width: 880px;
visibility: visible;
height: 3-px;
vertical-align: top;
Nav {
vertical-align: top;
margin: 0px;
padding: 0px;
clear: both;
height: 20px !important;
#wrapper1 {
width: 876px;
margin-right: auto;
margin-left: auto;
color: #F4F4F4;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Opera */
background-image: -o-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #716375), color-stop(1, #E8E8E8));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to right, #716375 0%, #E8E8E8 100%);
margin-bottom: auto;
#Bar {
background-repeat: no-repeat;
width: 880px;
height: 28pt;
overflow: visible;
background-image: url(Images/NAvigation%20BAr.jpg);
position: relative;
vertical-align: top;
#container {
width: 880px;
color: #000;
background-color: #EDEDED;
dominant-baseline: 578px;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Opera */
background-image: -o-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #716375), color-stop(1, #E8E8E8));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to right, #716375 0%, #E8E8E8 100%);
margin-bottom: auto;
#content {
float: left;
color: #090;
width: 580px;
padding-right: 6px;
background-color: #033;
margin-top: 20px;
.container {
color: #000;
background-color: #ff6;
width: 876px;
#expect {
height: 164px;
width: 294px;
float: right;
position: relative;
background-color: #C90;
margin-left: 582px;
padding-top: 10px;
#hours {
float: left;
height: 55px;
width: 294px;
line-height: 4px;
word-spacing: normal;
white-space: normal;
display: inline;
letter-spacing: normal;
padding-top: 10px;
font-size: 13pt;
color: #000;
margin-left: 586px;
background-color: #F99;
#footer {
height: 76px;
width: 880px;
background-color: #CC0;
clear: both;
#cards {
float: right;
height: 31px;
width: 294px;
margin-left: 582px;
padding-top: 10px;
background-color: #F36;
#contact {
float: left;
height: 328px;
width: 293px;
word-spacing: normal;
white-space: normal;
line-height: 1px;
color: #000;
display: inline;
font-size: 14pt;
background-color: #FFF;
padding-top: 10px;
margin-top: 20px;
#header {
background-image: url(Images/Proquip%20Logo/Proquip%20logo2.jpg);
background-repeat: no-repeat;
background-position: center center;
width: 885px;
height: 126px;
background-color: #000;
margin-right: 2.5px;
margin-left: 0px;
#wrapper #container #contact p strong {
color: #800000;
font-size: 14pt;
#wrapper #container #contact blockquote p a {
color: #000;
#wrapper #container #expect div {
color: #900;
font-size: 14pt;
font-weight: bold;
#wrapper #container #hours div {
color: #900;
font-size: 14pt;
font-weight: bold;
#box2 {
background-image: url(Images/Option%201/Services/whitebox2.jpg);
#box3 {
background-image:url(Images/Option%201/Services/redbox2.jpg);
background-repeat:no-repeat;
background-position: center center;
#gold {
background-image:url(Images/Option%201/Logos/gold.gif);
background-repeat:no-repeat;
#white {
background-image:url(Images/Option%201/ProQuip-Pics/box1.gif);
background-repeat:no repeat;
#forklift {
background-image:url(Images/Option%201/ProQuip-Pics/34-01-4380.jpg);
background-repeat:no-repeat;
#scissorlift {
background-image:url(Images/Option%201/ProQuip-Pics/jlg-scissor-lifts-21.jpg);
background-repeat:no-repeat;
/* Navigation Menu- Level one */
ul {
list-style: none
ul.dropdown {
font-size: 13pt;
color: #000000;
height: 25px;
text-decoration: none !important;
width: 860px;
position: relative;
vertical-align: top;
ul#Bar.dropdown {
width: 878px;
position: relative;
vertical-align: top;
ul.dropdown li {
font-weight: 600;
float: left;
zoom: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 13pt;
display: block;
width: 175px;
color: #000000;
top: 25px;
text-decoration: none !important;
text-align: center;
ul.dropdown a:hover {
color:#cc0000;
ul.dropdown a:active {
color: #000000;
ul.dropdown li a {
display: block;
border-right: 1px solid#333;
color: #000000;
border-right-width: 1px;
text-decoration: none !important;
text-align: center;
ul.dropdown li:last-child a {
border-right:none; /* does not wotk in IE */
text-decoration:none !important; }
ul.dropdown li.hover,
ul.dropdown li.hover {
color: #000000;
position: relative;
height: 28px;
top: 0px;
ul.dropdown li.hover a {
color:#800000;
/* Level Two Navigation */
ul.dropdown ul {
width: 180px;
visibility: hidden;
position: absolute;
top: 100%;
left: 36%;
display: block;
float: left;
color: #000000;
text-decoration: none !important;
height: 25px;
ul.dropdown ul li {
font-weight: normal;
color: #000000;
border-bottom: 1px solid #ccc;
float: left;
border-bottom-color: #c0c0c0;
border-bottom-style: groove;
display: block;
background-color: #dbdbdb;
text-decoration:none !important;
/* IE 6&7 needs inline block */
ul.dropdown ul li a {
border-right: none;
display: inline-block;
height: 18px;
line-height: 16px;
color: #000000;
width: 100%;
text-decoration: none !important;
/* Level Three Navigation */
ul.dropdown ul ul {
top: 100%;
color: #000000;
text-decoration: none !important;
ul.dropdown li:hover>ul {
visibility: visible;
color: #000000;
top: 30px;
text-decoration: none !important;I have the site using tables up and running, this is a website for a client so I cant make a test site using that domain would it be ok if I screen shot'ed the problem?
Date: Thu, 24 Apr 2014 12:19:44 -0700
From: [email protected]
To: [email protected]
Subject: CSS Layout issue!! Help Urgent!!
Re: CSS Layout issue!! Help Urgent!!
created by Jon Fritz II in Dreamweaver support forum - View the full discussion
Well, you're not using position:absolute, so you've got a big thumbs up from a bunch of us for that.
Is there any chance you could post a link to this page on your server? It's much easier to troubleshoot from a browser than it is to rebuild the page from code fragments.
If you haven't gone live with the page yet, create a folder called TEST in your site and save copies of the page and css there. Upload TEST and post a link to it here. Once the problem is found/fixed, delete TEST from the server.
You can also attempt to use Firefox or Chrome to find your issue by right clicking > Inspect Element. All CSS that affects a given element will be displayed with file name and line numbers there.
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/6327947#6327947
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/6327947#6327947
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/6327947#6327947. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Dreamweaver support forum at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0. -
Does IIS Reset stop/start or IIS Restart fix template issues? See photos.
I have been having major template issues over the past couple of weeks where several templates give me access denied. I have been in contact with Microsoft about the issue, but after 2 days and 5 hours on the phone, the issue still cannot be resolved.
I then tried to use old sites that had the templates and "Save Site as Template". The new template that was saved are stored in the Solutions Gallery (template is "activated").
I ran the create new site process and chose the new template that I saved.
The template looked like this last week,
Now the template looks like this today.
In between last week and this week, I did an SP2 installation to Project Server 2010/SharePoint 2010.
I also did an IIS Reset /stop and IIS reset/ start
I also went into the IIS Manager on the central administration server and clicked "Restart".
This is a very time sensitive issue, and want to know how I accidentally resolved the issue. It's very weird that any of these above would change the template, but somehow it did. I do not want to reset IIS if I do not have to. If anyone has any idea on
how this could have gotten resolved it would be greatly appreciated.Hi TR,
Not sure if iisreset always fixes this issue.
Sorry for my misleading description, I thought that there was a possiable that some js/css files weren't loaded in the browser randomly for new site created based on the template, so I think maybe some js/css files customized
and referenced in the orginal site (or in new site) may need to be checked-in and published.
Now I think is it possible that the issue is related to js/css load sequence in browser? or is it browser compatible issue(maybe not based on iisreset)?
Or you may try add new site in trusted site in IE see if it helps.
Also check if browser F12 developer tool could provide some useful information.
Thanks
Daniel Yang
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected] -
I edited a Dreamweaver 8 template and when I go to put it to
the remote server I have errors and the css files will not
transfer. The log error says the tr and the td are xhtml and not
supported in html.You have a Template that you are putting to the remote
server? Why?
Templates don't belong on the server.
The CSS file doesn't transfer? How do you know that?
The error log has information about PAGE STRUCTURE in it?
Which error log?
The FTP log?
Basically, to summarize, "WHAT?"....
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
==================
"SharonLong17" <[email protected]> wrote in
message
news:eho0bn$lfo$[email protected]..
>I edited a Dreamweaver 8 template and when I go to put it
to the remote
>server
> I have errors and the css files will not transfer. The
log error says the
> tr
> and the td are xhtml and not supported in html.
> -
Email Alert Template Issue - List Alerts (Alert Me) emails not using customized XML alert template
We have recently customized the XML alerts template (AlertTemplates.xml) for our site collection in SharePoint 2010 to exclude specific fields in the email when users who have subscribed using the "Alert Me" feature. We have renamed the
custom alerts XML file and loaded the custom template in the following directory (%ProgramFiles%\Common Files\Microsoft Shared\Web server extensions\14\TEMPLATE\XML) and restarted IIS. Once users subscribe to the alerts using the list "alert me"
function they received the customized email as intended.
We needed to auto-subscribe users to the email alerts so what we did was use a powershell script to add users to the alert subscriptions using the script shown below:
Import-Csv D:\Temp\filename.csv | ForEach-Object{
$webUrl=$_.WebUrl
$listTitle=$_.List
$alertTitle=$_.AlertTitle
$subscribedUser=$_.SubscribedUser
$alertType=$_.AlertType
$deliveryChannel=$_.DeliveryChannel
$eventType=$_.EventType
$frequency=$_.Frequency
$oldAlertID=$_.ID
$web=Get-SPWeb $webUrl
$testAlert = $web.Alerts | WHERE { $_.ID -eq $oldAlertID }
IF ($testAlert) {
$web.Alerts.Delete([GUID]$oldAlertID)
Write-Host Old alert $oldAlertID deleted. -Foregroundcolor Cyan
$list=$web.Lists.TryGetList($listTitle)
$user = $web.EnsureUser($subscribedUser)
$newAlert = $user.Alerts.Add()
$newAlert.Title = $alertTitle
$newAlert.AlertType=[Microsoft.SharePoint.SPAlertType]::$alertType
$newAlert.List = $list
$newAlert.DeliveryChannels = [Microsoft.SharePoint.SPAlertDeliveryChannels]::$deliveryChannel
$newAlert.EventType = [Microsoft.SharePoint.SPEventType]::$eventType
$newAlert.AlertFrequency = [Microsoft.SharePoint.SPAlertFrequency]::$frequency
if($frequency -ne "Immediate"){
$AlertTime=$_.AlertTime
$newAlert.AlertTime=$AlertTime
$newAlert.Update()
Write-Host Created $newAlert.Title for $subscribedUser . -Foregroundcolor Cyan
} ELSE {
Write-Host Alert $alertTitle for $subscribedUser already done. Moving on. -Foregroundcolor Magenta
When we ran the script and added the users and restarted the service, all users who were auto-subscribed via this method get the email without the customizations that were done in teh custom alert template. All users who manually subscribed on their
own to the list using the "Alert Me" function would get the customized email.
Does anyone know why users who manually subscribe to the alerts get the customized email, and users who were auto-subscribed using the powershell script do not get the customized email and get the standard generic email template?Hi ,
According to your code, it create a new alert using SPUser.Alerts.Add() method. For this method, it will create a new alert based on the predefined alert template by default.
If you only assigned the custom alert template to the list, users who manually subscribe to the alerts get the customized email, but users who were auto-subscribed using the PowerShell script get the standard
generic email template.
For your issue, you can set the new alert ‘s alert template:
http://social.technet.microsoft.com/Forums/en-US/1b19c12f-fc37-48cf-8b59-6c09f095dc23/custom-alert-email-templates-issue-list-alerts-emails-not-using-customized-xml-alert-template?forum=sharepointgeneralprevious
Here is a good blog you can have a look:
http://blogs.msdn.com/b/sharepointdeveloperdocs/archive/2007/12/07/customizing-alert-notifications-and-alert-templates-in-windows-sharepoint-services-3-0.aspx
Thanks,
Eric
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support,
contact [email protected]
Eric Tao
TechNet Community Support -
CSS - Display issues in Explorer browser
I hate Internet Explorer. Just wanted to get that out front.
I did a website: www.siriusaboutdogs.org. Displays great in all
other browsers EXCEPT Explorer. I have played with the CSS over and
over and cannot get the right column where it belongs. Just used a
Dreamweaver CSS fixed two column layout. Didn't do a lot of
tweaking, just added a left margin on the main content to get that
over where i Needed it.
Any help would be greatly appreciated.The trick is to make sure your HTML and CSS are all valid. In
your case,
neither are.
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. siriusaboutdogs.org%2F
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.siriusaboutdogs.org%2F
Fix those and see how it looks.
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
==================
"cheryljames" <[email protected]> wrote in
message
news:glo5mh$n1b$[email protected]..
>I hate Internet Explorer. Just wanted to get that out
front. I did a
>website:
> www.siriusaboutdogs.org. Displays great in all other
browsers EXCEPT
> Explorer. I have played with the CSS over and over and
cannot get the
> right
> column where it belongs. Just used a Dreamweaver CSS
fixed two column
> layout.
> Didn't do a lot of tweaking, just added a left margin on
the main content
> to
> get that over where i Needed it.
>
> Any help would be greatly appreciated.
> -
Can I over-ride thrColFixHdr.css template for homepage only?
My site, http://isuckatgolf.net has a thrColFixHdr.css template used throughout the site. Which is fine for every page but the homepage. I want the homepage to be wide open so I can make a landing page more like a newpaper effect and not be restricted to fitting items into the small sidebars for instance. I want to do something more like this http://golfweek.com/ .
I'd prefer to just add html to the homepage that would collapse the left and right sidebar and leave the main content area large. Right now the sidebars are 175 pixels and the content 600. I'd like the to be 950pixels and the sidebars 0 pixels. But leave the rest of the site as is.
I'd prefer not to add a second style sheet just for the homepage, as that would mess up my spry menu bar that is on every page.
Can it be done? If so what's the easiest (note I didn't say "best"!) to do so.
Thanks so much.
KenMake a back-up of your homepage first just incase it all goes belly up and you want to revert back to the original.
Open the homepage and add the below css:
.thrColFixHdr #sidebar1, .thrColFixHdr #sidebar2 {
display: none;
.thrColFixHdr #mainContent {
margin-left: 0;
width: 960px;
Look for this piece of css coding which already exists in your page:
<style type="text/css">
#mainContent {
background-color: #222222 !important;
background-image: url(/gradientgreenchris2.jpg);
background-repeat: repeat-x;
<!--
.style9 {
font-size: 24px
-->
</style>
Add the two new css selectors as shown below: (please note your opening comment <!-- is in the wrong place. I've corrected it below:)
<style type="text/css">
<!--
#mainContent {
background-color: #222222 !important;
background-image: url(/gradientgreenchris2.jpg);
background-repeat: repeat-x;
.style9 {
font-size: 24px
.thrColFixHdr #sidebar1, .thrColFixHdr #sidebar2 {
display: none;
.thrColFixHdr #mainContent {
margin-left: 0;
width: 960px;
-->
</style>
You could just add - margin-left: 0; width: 960px; - to the css selector which already exists like this:
<style type="text/css">
<!--
#mainContent {
background-color: #222222 !important;
background-image: url(/gradientgreenchris2.jpg);
background-repeat: repeat-x;
margin-left: 0;
width: 960px;
.style9 {
font-size: 24px
.thrColFixHdr #sidebar1, .thrColFixHdr #sidebar2 {
display: none;
-->
</style>
Maybe you are looking for
-
How can I get Camera Raw to work?
I downloaded Adobe Creative Cloud but Camera Raw does not work. Any suggestions how I can fix this problem?
-
Content Integration Suite : Stand Alone Server mode: Authentication
I am just getting started trying to understand and CIS. The question that I am trying to answer is: Why is it that when we try to intialize the CIS, we do not pass in any credentials. I have looked at the example and in CheckInFile.java for example,
-
I need to do a project about Web Services. Could anyone tell me where to find, or just tell me: 1- What is a Web Service? 2- What a Web Service do? 3- Why I need one? 4- How can I build (a real SIMPLE) one? (in Java) All I need is basic tutorials to
-
Hi How to communicate between two pages . I need to set a value in hidden in page1 and i need to retrive it in page2..... how is it plz help bye
-
Can anyone help with this problem. I had a major problem with email and internet on my phone which Orange finally sorted but since then some of my Apps don't work. The weird thing is everyone is a Bookmaking site but Orange have said my security se