Background image in Dreamweaver CS3

When I set my background image in Dreamweaver it shows on the "Design", although when previewed on a browser it does not show. I've checked the directory and it seems fine. What is causing this?

Modify-->Page Properties, Im using css but not for the page background. I tried previewing the page locally and I have tried it on the server. The entire site root folder was uploaded which has the background.

Similar Messages

I need help Centering a div box to a background image using dreamweaver cs5.5.

I need help Centering a div box to a background image using dreamweaver cs5.5. Everything shift left when viewing on different size monitors? See what I mean at
www.woodlandhospice.com

Have you looked at your page with images disabled?
I urge you to re-think this approach to web design because images of text are not indexed by search engines, screen readers or translators. Given the demographic group your site is targeting, you really need to ensure maximum web accessibility for all users.
Navigation, headings and descriptions all need to be in real text -- not images of text.
Ken is right. Absolute positioning is pure poison for such a simple layout. My advice is to start over with one of the pre-built Starter Pages in DW. Go to File > New > Blank page > HTML. Select a layout from the 3rd column and hit CREATE button.
Nancy O.

Using Background Image In Dreamweaver

Good evening.
I'm using a non-repeating, centered background image in Dreamweaver. But i'd like it to self-adjust its size depending upon what monitor size its viewing it. Can someone provide some coding for help with this???
Here's where i'm at thus far..
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="welcome10.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body style="background-color: #000; background-position: center top; background-repeat: no-repeat; background-image: url(images/girls-bg9.jpg); background-attachment: fixed;">
<div id="wrapper">
          <div id="container">
    </div>
</div>
</body>
</html>
css -
@charset "utf-8";
/* CSS Document */
#wrapper{
          width: auto;
          height: 1600px;
#container {
          background-color: #FFF;
          height: 200px;
          margin-right: 100px;
          margin-left: 100px;
          margin-top: 100px;
thanks guys, and gals...

Background-size would do the trick, but keep in mind, most CSS3 does not function in IE9 (though this will), and won't at all in IE8 and down. If you need it to work in those browsers, the best way to do it would be with javascript. I've used the script available on this site with some success...
http://louisremi.github.io/jquery.backgroundSize.js/demo/

Not seeing div background image in Dreamweaver! Why?

I'm not seeing div backgrounds in Dreamweaver! When I load the files onto my server I can see them in my browser! But I'm not seeing them in Dreamweaver. Here's my code on my .aspx pg:
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="hdr">
</div>
</div>
</body>
And here's a link to the web page on my server:
http://amcenergy.com/ee_site1/index.aspx
I need to put text on top of the div's background image, but it's kinda hard if I can't see the background image in Dreamweaver.
Hope someone can help!
Thanks so much!!

Horizontal-align is not a valid CSS property.
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Famce nergy.com%2Fee_site1%2Findex.aspx
Try removing it.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How do you add text to an image in dreamweaver cs3?

does anyone know how to add text to an image in dreamweaver cs3? someone help me im stuck

Hello,
pardon, your question is still formulated in too general manner, for me at least, because there are several possibilities for these things. Please take a look on Nancy O.'s templates and tutorials, for example here:
http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
http://alt-web.com/TEMPLATES/Dark-Grid-II.shtml
http://alt-web.com/DEMOS/CSS-Clickable-Table-Cells.shtml and not to forget:
http://alt-web.com/DEMOS/CSS-Sold-Out-Text-over-image.shtml
you will come away with many ideas and suggestions about adding text to an image.
Wish you a joyful "poking around"!
Hans-Günter

Jagged Edges on Images in Dreamweaver CS3

When placing an image with a transparent background in Dreamweaver CS3, I keep encountering ugly jagged
edges, whether I save the image as a .png or a .gif. I've tried everything I can think of to eliminate this problem,
and still the same results.
The only thing that has worked to eliminate the jagged white edge has been to place a background layer behind the image,
but that poses yet another problem because the hex colors in Photoshop and Dreamweaver will not match either.
Frazzled!! Somebody please help!

That's not a problem with DW. The jagged edge you see on your phone image is a jagged edge on your phone image!
I got a bit of a better result after about 5 minutes fumbling with the eraser in Photoshop:
http://www.martcol.co.uk/test/phone.html
It shouldn't take too much to get your original good enough to lose that jagged edge.
Martin

How to make a fixed background image in Dreamweaver CC

I'm trying to make my background image fixed so when I scroll down in Dreamweaver CC it stays completely still, could someone please tell me how to do that?

You've got a lot of code that you don't need. And I'm very dubious about the file:/// path to your image. Are you working in a Defined Local Site Folder? The image path should be pointing to your site, not files:/// on your local hard drive.
body {
background:#000 url(concept_watch_dogs___wallpaper_1366x768_by_mackintosh141-d6led76.jpg) no-repeat center center fixed;
Nancy O.

HTML Emails and background images in Dreamweaver

Hello. I created a HTML email in Dreamweaver. The original design came out of Indesign and had very specific background art. I removed all the text out of the Indesign and created a jpg. I took this jpg in Photoship and sliced and optimized it. I imported this HTML into Dreamweaver. Here I need to add in all the text (which is variable). I was originally thinking that you can only place background images with CSS. But I was told that you should not use CSS for HTML emails. So instead I left all the background art as normal images inside of a table. At this point I need to add text over these images. They only way I could figure out to do it was to add a div tag right over the image and type into there. This seemed to work fine but when I tested it in some emails all the div tags with text showed up under the table with images. This needed to display over. What is the best way to handle this issue? Thank you in advance.
Melanie

Sorry, but you cannot layer text over images in emails. Simplify your design or make an image with text on it in Photoshop. Use absolute URLs to images on your web server. And give people who can't see graphics and HTML pages in their email client a link to the HTML page on your web server.
How to Code HTML Emails
http://www.sitepoint.com/article/code-html-email-newsletters/
Chart showing how various email clients handle CSS.
http://www.campaignmonitor.com/css/
Download some HTML Email Templates from the links below to get started.
Mail Chimp
http://www.mailchimp.com/resources/html_email_templates/
Constant Contact
http://www.constantcontact.com/email-marketing/html-email-templates/index.jsp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Background image in dreamweaver help?

Thanks for looking,
I have this menu I made:
http://www.ivoog.com/link4
How can I make the background image fit? You can see that its
kindof messed up. How do I make it fit? Please explain or show.
Thanks!

As explained in previous posts, you cannot do what you want
without using
one of the alternatives mentioned now in this post and all
the previous
ones..
The offer still stands from the previous few posts.
I'd be happy to help.
Make the menu in pop menu magic, post the page, and I'll be
happy to show
you how to change the CSS and use a repeating background
texture image and
borders to make them look like you want.
Take care,
Tim
"hahahaadobeman" <[email protected]> wrote
in message
news:fotb49$5pe$[email protected]..
> Thanks for looking,
> I have this menu I made:
>
>
http://www.ivoog.com/link4
>
> How can I make the background image fit? You can see
that its kindof
> messed
> up. How do I make it fit? Please explain or show.
Thanks!
>

.jp2 images in Dreamweaver CS3

I recently discovered jp2 images. I downloaded a plug in that lets me open them in CS3 Photoshop - though I still can't export images as jp2 images in Photoshop. No problem; I downloaded Pixelmator, which does the job.
But when I inserted a jp2 image in a Dreamweaver file, I discovered that the image doesn't display in my browser (Chrome or Firefox). If I try to view the image alone - MySite/image.jp2, then I can see the image - in Firefox only. Chrome asks me to update QuickTime, or something like that.
I seem to be having some kind of problem with plugins, because I can't watch YouTube videos with Chrome or Safari, but I can view them with Firefox, so I'm really confused.
But if browser plugins are the problem, then I probably shouldn't be using .jp2 images on my web pages, anway, because my visitors could have the same plugin problems.
Anyway, can anyone tell me if 1) there's a plugin I should download to enable me to insert .jp2 images on CS3 Dreamweaver pages, and 2) if there's some sort of trick I should know about to make .jp2 images display on web pages?
Thanks.

The problem is not import or not the image, JPEG 2000 is not part of standard HTML, so can not be viewed in browsers within a page, Firefox probably has the ability to open, but not as part of the html , is like trying to make the browser open an Excel file without having to download

Preparing images for Dreamweaver cs3, using InDesign for templates

Hi, I'm about to start putting all my files together for my
website, but need to know in what form to save my images. I know
they should be jpegs or gifs, but what resolution, and what size?
Should I size them close to the size I want to see them on my
website? For example if I want to make a little linked (like a
thumbnail that you click on) image of a painting, and have the full
size image of that painting open up, should I save that image in
two different sizes?
Also, the tutorial I'm learning from says I can make a
template for use in Dreamweaver, with Photoshop or Illustrator, but
I'd rather use InDesign. Can I use InDesign files as templates in
Dreamweaver? If so, in what form should I save them?

> Can I
> use InDesign files as templates in Dreamweaver?
it won't be of any practical use, except to print out and use
as a guide.
on the images, make them the PIXEL size they need to be in
the web page.
If you aren't sure yet what exact size they will be, make
them a bit
oversize. Then after changing the html display size of them
in dreamweaver
(click on the image, then press shift key and drag corner of
image to
resize) you can jot down the pixel size shown in the dw
properties
inspector, and resize the image in an image editor to those
pixel
dimensions. For a resolution, just use 72 ppi as a number to
put there.
It's the pixel dimension that matters.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Adding .flv or .swf in dreamweaver on top of background image

Hi,
I added an image background 1900 x 1200 in dreamweaver, which will serve as my background image for my web site. I would like to incorporate my .flv or .swf on top of my background image. Although, when doing so, the .flv or .swf gets placed under the background image and not on top. How do I place the .flv or .swf file on top of my background image in Dreamweaver CS5.
Thanks

Hi
This sounds as though you are not actually using a background-image but just placing an image on the page. To get any help people will have to see your page and the code, can you provide a link to a live page?
BTW: Your background-image size is way to big for most users monitors, just thought you should know.
PZ

CSS background images

Hello all.
Newbie here, asking if it is possible for a user to
change/replace background images through Contribute CS3 that are
called by CSS stylesheet? All images are setup this way and I don't
want to have to use tables just so they can be able to change
images. Any suggestion or assistance is greatly appreciated.

Yes, I recently ran into a similar problem!
2 workaround I like...
a) simply put the image file into your image directory and reference it using /i/image.jpg etc.
b) use this whitepaper by John:
http://jes.blogs.shellprompt.net/2007/05/18/apex-delivering-pages-in-3-seconds-or-less/
And make a file download script that you can use - works very well for me!

Import text image in Dreamweaver

Hi All
I have designed some text headings (which are in colour) with a transparent background in fireworks and exported it (gif) to Dreamweaver. That is all good. But when I place the text image (as a background image) in Dreamweaver the text has (in places) white edges which I dont want. Any ideas why this is happening???
Any advice
Paul

The effect that you're experiencing is known as "jaggies". When exporting from Fireworks, you need to set the Matte colour picker to a similar colour to your background.
A better solution, though, would be to use an embedded web font. You can get a lot of free webfonts from www.fontsquirrel.com. Alternatively, if you're using the Creative Cloud, you have access to a lot of TypeKit fonts.

Inserting a Spry Accordion on top of a background image?

I created an 800 x 600 pixel graphic image in Adobe Photoshop CS4 to be used as an overall background image for a webpage. I also created a few navigation links from the image Layers using the Slice Select Tool, then optimized and saved the image as an html file using the Save for Web & Devices command in Photoshop. Next, I opened the html file in Dreamweaver CS4.
Is it possible to insert a Spry Accordion with a clear (transparent) background anywhere on top of that background image in Dreamweaver CS4 so that I can see the background image behind the text content of the Spry Accordion? I use Windows Vista.

Hi,
Yes, as is shown by the following code:
<!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>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body style="background: url(images/detail/cd1.jpg) no-repeat center;"> //use your own location and file
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Background image in Dreamweaver CS3

Similar Messages

Maybe you are looking for