IWeb, Dreamweaver, CSS

I'm sure this has been discussed, but I'll be darned if I can come up with the right search terms.
Is there a way to integrate css files into iWeb through the use of the HTML widget?
Is there a way to modify an iWeb page with Dreamweaver?
How where can I find instructions for this, or even better, a simple "not possible" saves me time. .
Thank you.

Yes. In the HTML snippet, first place the CSS Style inside <style type="text/css"> </style> followed by the HTML
for example:
<style type="text/css">
dl.newdl-def
width: 35em;
padding: 0;
.newdl-def dt
width: 6em;
float: left;
margin: 0 0 0 0;
padding: .5em;
.newdl-def dd
float: left;
width: 25em;
margin: 0 0 0 0;
padding: .5em;
</style>
<dl class="newdl-def">
<dt>term
<dd>definition text
</dl>

Similar Messages

Does electronic version Adobe Dreamweaver CSS with PHP content question

Does electronic version Adobe Dreamweaver CSS with PHP come with the labs or files used in a college course? What is on the CD and is there a way to get the content with the Barnes and Noble e-book? This should be a Barnes and Nobel question but they seem to have troubles answering the questions like this.

Electronic version comes with absolutely nothing about your course. All you get is everything in this link:
<http://www.adobe.com/cfusion/tdrc/index.cfm?product=dreamweaver>
The link will give you 30 days of free use of DW after which you might get bored with DW or you will have given up on your course and started your own business to pay your school fees.
hth

Dreamweaver CSS Mac writes image links wrong... img src="/www/images/asian_sales_office.jpg"

Dreamweaver CSS Mac writes image links wrong... <img src="/www/images/asian_sales_office.jpg" width="x" height="x" alt="x"> Took me a bit to find this, now back to hand coding all image links and also checking other code. Any fixes?

That looks to me like you may have your site definition set up incorrectly and you appear to be using "Site Root Relative" vs "Document Relative"
Go to Site > Manage Sites > click the site you are working on > Click the Edit icon > Advanced Settings > Links relative to: should be set as Document, unless you have a very specific reason for choosing Site Root there
If your server root folder is called www, you'll need to remove that folder from your site root. You are only transferring files from root to root, so the name of your local root folder is not important (the files inside it go to the server root). It is important not to accidentally have a duplicate of the server root folder inside your local root though which would accidentally nest your files within another folder when transferring to the server.

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">

</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">
<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" />
      
      <param name="expressinstall" value="../Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="../images/HairPriceList.swf" width="625" height="315">
        
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="../Scripts/expressInstall.swf" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object>
</div>

<div class="mainContent"></div>

<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">

</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

IWeb - Dreamweaver

Can someone please point me in the right direction so that i can find a step-by-step guide to importing a website I created using iWeb into Dreamweaver..
So far all attempts have failed as the site layout looks a mess when I try..
Many thanks for your help in advance..
The idea is that my colleagues can help maintain the website using Dreamweaver in their 'Windows PCs'
Cheers, B

You do not import a website.
You just open the webpage to edit the code. You can create a Site to manage the pages but how they look is another matter.
Any webpage looks crap in Dreamweaver in.
Why spend 600 euro/dollar when you can do the same for a 20th of that cost. Or even for free.
It's not an iWeb issue.

Inserting fireworks html into dreamweaver css

I have been using Fireworks CS4 to design layouts and export CSS into Dreamweaver CS4, which works just fine.
I want to import a Fireworks HTML pop-up menu in my CSS based Dreamweaver page. I have used Fireworks Export HTML and Dreamweaver's insert Fireworks HTML in the past but the pop-up behaviours are lost when I import it into a template that is CSS based. I figure I'm missing something simple, as usual.
Can the two be mixed? Do I need to edit the code view and insert a DIV manually or something? Can I just link to it with css somehow?
Getting rather frustrated now!

I had a lengthy reply written for this but lost it when I was logged out - seems the forum has a bit of a problem at the moment (at least for me !).
I'm not up to re-writing it all again, but in essence, I agree totally with Nancy, do not use html generated by Fireworks or any graphics program for that matter. If you were to ask the same question over at the FWs forum, you would be told the same thing, exporting HTML and CSS is ok for protypes, but not for live production sites.
TAKING FIREWORKS COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
The rule of thumb is to design the layout in FWs but build the site in Dreamweaver. The Spry menus are much better than the old popup menus, but the customisation of them does depend on your knowledge of CSS.
Customizing a Spry Menu:
http://foundationphp.com/tutorials/sprymenu/customize1.php
There are many websites that show how to use CSS to create nicely styled menus, including Dropdowns and I'm sure with a lot less code bloat :-)
Basic css menus: horizontal / vertical:
http://css.maxdesign.com.au/listamatic/index.htm
CSS Dropdown menus by Suckerfish:
http://www.htmldog.com/articles/suckerfish/dropdowns/

Dreamweaver css rules and bc templates for viewing phones, tablets & desktops

How do I connect css rules for phones, tablets and desktops to work with Business Catalyst for all viewing on all 3

I've never used BC myself. But I would imagine it's the same for any project you develop in Dreamweaver. Do you have 3 external CSS files yet? Are you using Media Queries in the <head> of your documents?
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Dreamweaver CSS

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
Kara

You 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 CSS Preferences

Is there something in Dreamweaver's configuration, or
preferences, that will stop it from embedding style tags within
other tags such as:
<td class="date">1</td>
When I need it to do this:
<td><span class="date">1</span></td>
Thanks in advance

There's no way you can change the action of that operation. You would have to create a CSS rule -
.centerText {
text-align:center;
and apply it to a wrapping div or paragraph (or some other semantic block tag). It's just not possible to productively use DW when operating only from Design view.

Dreamweaver : css non utilisé

Est ce qu'il y a une solution pour supprimer les css non utilisé dans les pages de mon "site" ?
Plugins ?
Version Dreamweaver CC 2014

Oui mais apparement Dreamweaver ne sait pas faire d'analyse sur des Css non utilisé ou même des JS.
La seul analyse qu'il sait faire c'est vérifier les liens (images…)
Voilà une fonction qui manque à Dreamweaver et à faire remonter pour une prochaine version
Sur les forums Adobe US, j'ai pu constaté que je ne suis pas le seul !
J'ai aussi trouvé, dans ce même forum, une extension qui permet de faire une analyse complète sur un site via FireFox
http://www.brothercake.com/dustmeselectors/
Bonne journée

Dreamweaver CSS displayed overlaps

I am using Dreamweaver 8 and when I was loading a page in
Dreamweaver and as usual typing ahead something briefly flashed and
disappeared. I assume it was some dialogue asking some question. I
never saw what it was but the end result was when Dreamweaver
loaded the page it was overlapping areas in the Dreamweaver
display. I've posted these before and after shots to show what
happened at DoylePark.com/dwerror.
I can't figure out what happened nor make sense of it because
if I load the page to the website it displays just fine but not in
Dreamweaver. Any suggestions on what happened? (I suspect
Dreamweaver was asking some display question and deleted or changed
something.) It has also affect every page on that web site (within
Dreamweaver) though not in other websites that use essentially the
same CSS style sheet - those still display ok so I assume the
problem is site specific.
Any suggestions would be very much appreciated.

If you are using an external stylesheet, it's probably a bad path to the CSS file.
See this link:
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
If that doesn't help, upload page to your web server and post a URL.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Using DreamWeaver CSS Desinger how to?

I am CS6 Creative Cloud subscriber and saw the new CSS Designer feature which I want to use.
I am now confused with the product lines of Adobe. As Creative Cloud subscriber Adobe stated I have access to the newest versions of my products always. As it turns out the new CSS Designer is only available in DreamWeaver CC. I cant see anywhere how to download DreamWeaver CC or update my existing CS Version. Not only that Adobe patched the existing version of CS6 in the last couple of month twice in regards to the Fluid Layout and golden grid which is very confusing now they also diverted some features in the new CC version.
Can someone plase explain me that mess and how I can clean it up.
As a Web Designer working with responsive Design I would love to check out all new features.
Thanks

The CC products will be available from next Monday. The rest is not relevant. Re-read the announcemnts properly.
Mylenium

Dreamweaver CSS image problem

Hello, everyone. I am somewhat new to to program, so forgive me if my terminology is a little off. Basically, I'm having trouble with getting images included in the CSS to display on the web. They've visible and perfectly laid out in Dreamweaver's design view, the code matches that of several pages already published correctly (so there shouldn't be a problem there), and when I preview it in Internet Explorer, it looks like it should, but once it's actually "PUT" only the text within the website displays.
The only thing I can think that may be causing this problem is the fact that I moved around the root folder a bit not long ago (becuase this problem started after that), but since then, the site has been redefined and I had to "GET" a few of the images that weren't displaying. Possibly I may need to "PUT" these images again, too?
I'm at a loss here, folks. if anyone can offer any guidance or input, it would be much appreciated. Thanks!

http://www.ifpress.com/htmlbars/header.html
Get you the header include.
http://www.ifpress.com/htmlbars/homeleftpanel.html
Get you the left panel
http://www.ifpress.com/htmlbars/main.html
Get you the ah....not sure on that one.
So your includes are in a folder htmlbars off your root for your site.
That is what I was pointing out.
Murray, you are right there are a lot of problems with the way it is structured.
Jim

Dreamweaver css-background-image display in design area

dreamweaver 8 does not display css-assigned
background-images in the design-area... how can you teach him to do
so? dreamweaver mx still did this without any fuss... in dw8 you
search endlessly and in vain for a button to teach him the trick...
or has dreamweaver under adobe forgotten, what it already could
do??
can somebody please tell me? thanks!
[email protected]
ps: the background-image you assign using an id
(example:
#maindiv{
background-image:url(../pictures/capriccio-ornamentraender.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#CC3333;
is not shown (browsers do it however!), but if you assign the
image using
style="background-image:url(pictures/capriccio-ornamentraender.jpg"
within the tag, it's shown... poor performance by dw8...

dreamweaver 8 does not display css-assigned
background-images in the design-area... how can you teach him to do
so? dreamweaver mx still did this without any fuss... in dw8 you
search endlessly and in vain for a button to teach him the trick...
or has dreamweaver under adobe forgotten, what it already could
do??
can somebody please tell me? thanks!
[email protected]
ps: the background-image you assign using an id
(example:
#maindiv{
background-image:url(../pictures/capriccio-ornamentraender.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#CC3333;
is not shown (browsers do it however!), but if you assign the
image using
style="background-image:url(pictures/capriccio-ornamentraender.jpg"
within the tag, it's shown... poor performance by dw8...

Dreamweaver CSS problem

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>
</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>
          </div>
<div id="footer">
    <p>Footer</p>
</div>
</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>
</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>
          </div>
<div id="footer">
    <p>Footer</p>
</div>
</div>
</body>
</html>
Of course I know that all the text is just filling but the codes are missing.

IWeb, Dreamweaver, CSS

Similar Messages

Maybe you are looking for