Dreamweaver clipping Background Image

Hi, I have the following site,
http://bsstrpa.ca/ and the image at
the top right is clipped. I have it in a css sheet as
#body {
margin-right: 2px;
background: url("graphics/picture.gif") no-repeat top right;
text-align: left;
height: inherit;
A template is then built on this style sheet, which the htm
page is based on.
Thanks,
Michael Kohler

What is the question?
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
==================
"labrador guy" <[email protected]> wrote in
message
news:f1tcev$1d4$[email protected]..
> Hi, I have the following site,
http://bsstrpa.ca/ and the image at
the top
> right is clipped. I have it in a css sheet as
> #body {
> margin-right: 2px;
> background: url("graphics/picture.gif") no-repeat top
right;
> text-align: left;
> height: inherit;
> }
>
> A template is then built on this style sheet, which the
htm page is based
> on.
> Thanks,
> Michael Kohler
>

Similar Messages

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

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

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.

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.

Div Background image clipping

Hi guys,
I have a div on my page which I am using as the main body,
and i set the background colour as white, but then put a background
image on (a gradient from gray to white). In design view this has
the desired effect - i.e. it appears to be one long gradient, but
when previewed in Firefox and IExplorer the top of the background
image is clipped off. Any suggestions?
Here is the relevent CSS code:

> background-attachment: fixed;
Remove this.
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
==================
"NWNN" <[email protected]> wrote in message
news:fp7nje$nka$[email protected]..
> Hi guys,
> I have a div on my page which I am using as the main
body, and i set the
> background colour as white, but then put a background
image on (a gradient
> from
> gray to white). In design view this has the desired
effect - i.e. it
> appears to
> be one long gradient, but when previewed in Firefox and
IExplorer the top
> of
> the background image is clipped off. Any suggestions?
> Here is the relevent CSS code:
>
>
> background-attachment: fixed;
> background-color: #FFFFFF;
> background-image: url(Images/background.png);
> background-repeat: no-repeat;
> background-position: center top;
>

Background images w/aspect ratio true and clipping

I'm trying to create a site where the background image takes
up 100% of the screen, minus a 30px border around the app.
perimiter. The sizing method I'm trying to replicate is at
http://www.letstakepictures.info.
Notice that when the window is resized to any dimensions the
background image:
1) Resizes proportionately w/out distortion
2) Maintains its aspect ratio at all times
3) All other image information is clipped when the window is
resized unproportionately i.e. 30% high 100% wide.

The method of obtaining a 16:9 ratio explained within
my last post (click here to view Part I)
has left me with a distorted preview that is
difficult to accurately achieve what I was able to
without distortion.
The timeing of all my keyframes has been effected and
is hard to adjust due to the squished preview.
Judging by eye, where to zoom and how it will affect
the final output cannot be revealed until I've
compressed the file and imported in DVDSP. Which I
can then get a true preview within the simulator.
Actually, the method described should have left you with an UNDISTORTED preview. Perhaps it wasn't the fix you needed at all. There is no way you should have to go as far as the DVDSP simulator windown to see an undistorted image.
What you describe - viewing squished footage in FCP - means you have not set up FCP properly for the material with which you're working.
Maybe best if you start again at the beginning, as there are no doubt some important details missing here. My understanding is you are trying to make anamorphic 16:9 DVDs incorporating still images and video footage (which may or may not be 16:9).
The way to do this properly is to start out with an anamorphic FCP project and format your material correctly within that project, working with anamorphic sequences that will translate seamlessly to a 16:9 DVDSP project.
It sounds, though, that some of your FCP sequences are still, in fact, 4:3.
Tell us more.

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

Dreamweaver cs6 cannot publish background images

i have two pages onto which i downloaded background images. they really make the pages pop and i love the look but for some reason they will not upload and publish. i do not have the same problem with other photographs. go daddy says everything is fine on their end and it is a problem with the scripting on dreamweaver's end. i use dreamweaver cs6.

Ask in the DW forum and provide more exact info, source code and screenshots. Your description is far too vague.
Mylenium

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.

Does ne1 now the html code to set a background image=non repeat, center for dreamweaver or where to find it?

Im trying to set up an about me page like that of myspace.com
i know that in myspace you can set the background image center non
repeat can this be done as will with dreamweaver?

Hello,
Yes, it can be done using CSS.
You can place this in your code, right before </head>.
Just substitute your image for mypicture.jpg.
<style type="text/css">

</style>
-OR-
You can also do this using DW's dialog boxes (like a wizard).
If you have DW8 or CS3...or MX2004 if memory serves, you can
right click on
your page in design view.
Select CSS Styles > New
A CSS Rule dialog box opens.
Select tag, then in the tag box, type body.
You can select whether you want to add the CSS to this page
(like the code
above) or to a stylesheet linked to this page. If you are
going to use CSS
on multiple pages, it's a good idea to use a stylesheet. Then
you can make
changes in one place that affects all the pages linked to
that stylesheet.
When you click OK, a new box will open where you can define
your CSS.
Select "background" from the sidebar, and the fill in areas
are pretty self
explanatory.
I hope that helps.
Take care,
Tim
"Jimtheman2000" <[email protected]> wrote in
message
news:fo84t1$je9$[email protected]..
> Im trying to set up an about me page like that of
myspace.com i know that
> in myspace you can set the background image center non
repeat can this be
> done as will with dreamweaver?

Dreamweaver CS4 Live View - background-image does not display

I'm teaching a basic Dreamweaver CS4 class, and one of my students happened upon a unique problem.
Although the students were not required to use LiveView for their assignment, the student noticed that when he clicked the LiveView button to look at his assignment, that the background-image property that he set on the #header DIV does not display.
I tried duplicating his problem by building a similar site to his, using the exact same Dreamweaver Starter Page he used, but I'm not able to reproduce it the problem. If I define a new site using the files the student sent me, the problem comes back.
I'm completely stumped. What could possibly be causing the background-image CSS property to stop rendering in Live View?
Thanks for any help at all!

Hi
Check your students css code for invalid or missing mark-up, or linking to the background image. Another possible problem, (occurs on some sites but not all) is to check if the url is enclosed in quotes as these are occasionally required but not always, also check for spaces in file names
e.g. - background-image: url(../images/yourimage.jpg); should work but occasional requires quotes as in - background-image: url("../images/yourimage.jpg");
PZ
www.pziecina.com

Background image doesn't work in dreamweaver 8

I have dreamweaver 8 and trying to install a background image through modify>page properties>appearance.
I created my background image through fireworks and saved it in my "images" folder. However when I access it through dreamweaver, I'm not able to see it on my page. I can, however, apply my background color, but not my "bg.jpg" image.
Why not?
Can somebody help me?

My guess is that your image might not be suitable for web output.
Did you optimize your image for the web? I don't use Fireworks but in Photoshop it's called File > Save for Web. A typical background image that repeats horizontally and vertically on screen should have a filesize of around 10-20 KB.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

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

Dreamweaver clipping Background Image

Similar Messages

Maybe you are looking for