Images in Dreamweaver

Issue: two separate images in DW that seem linked to each other...everytime i change the px on one it changes to the same on the other image.
Background: Using DW to update an existing website and all the image sizes changed.
Please help.....

Line 423 of your p7csslm/p7csslm02b.css:
#right2 .content img {
padding: 0px 5px 5px 0;
    text-align: center;
    width: 553px;
    height: 633px;
    margin-top: 112px;
    margin-right: 0px;
Remove the width & height definitions. This is affecting all <img> tags in div class content within div id right2 across your site.
Removing those 2 lines will load the images at native sizes. It's usually best practice to insert an image at the desired height & width into your page instead of scaling the size using CSS/ HTML.
Also, I notice you're using some deprecated markup such as div align.
Run your code through W3 validator here: http://validator.w3.org/ and at CSS validator here: http://jigsaw.w3.org/css-validator/ and fix any errors/ warnings that pop up.

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.

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.

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/

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.

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

Trouble with opening images from dreamweaver cs6(64bit) to photoshop cs6(64bit).

Hi guys i need help! I have trouble with opening images from dreamweaver cs6(64bit) to photoshop cs6(64bit). I uninstalled and went to preferences/file types editors to set up ps6 as primary but I still get some error.After i click image in dreamweaver,I get this message-Unable to launch...Please be sure that application exists and that there is enough memory to run it..

Can you Launch Photoshop normally from your desktop shortcuts?
I usually keep DW and PS open at all times so I can switch back & forth.
Nancy O.

Saving images for dreamweaver

I would appreciate any help in saving images for dreamweaver.
The images are optimized in Photoshop and are saved as jpeg's with
a quality of 60. Image sizes are 400 by 600 pixels. When viewed on
the web, the images look fuzzy. Can anyone give me any directions?
Are the original images not saved in a high enough resolution after
editing? I would appreciate any help at all.
Thanks.
JC

I had the same problem !!
When you export from fireworks 8, by shure you select in the
optimize panel
"JPEG - Better Quality" and JPEG in the second box. This
solved my problem,
and I hope your problem
www.samdesign.be
"jaycee911" <[email protected]> a écrit
dans le message de news:
f1g2k2$oth$[email protected]..
>I would appreciate any help in saving images for
dreamweaver. The images
>are
> optimized in Photoshop and are saved as jpeg's with a
quality of 60.
> Image
> sizes are 400 by 600 pixels. When viewed on the web, the
images look
> fuzzy.
> Can anyone give me any directions? Are the original
images not saved in a
> high
> enough resolution after editing? I would appreciate any
help at all.
>
> Thanks.
>
> JC
>

Inserting an image causes Dreamweaver to freeze.

Hi,
Spec
Dreamweaver CS5
Windows 7 & Server 2008 R2 (mix of machines)
4GB RAM
Plenty of disk space
Followng these steps...
Open Dreamweaver
Click Insert
Click Image
**FREEZE**
Dreamweaver locks up and never recovers. Only happens on standard user accouts, admins works fine. Given 'everyone' read/write permission to adobe folder in program files, but no difference. The only work around I can see if to save the page > create a site > the insert the image; this then works.
After running the microsoft debugger, attached to the dreamweaver process I get this at the point of the crash
(1044.1328): C++ EH exception - code e06d7363 (first chance)
A few of these infact and then nothing.
Anyone got any ideas. Have tried all latest updates, uninstall > clear prefs files > install no difference. Also the Extension manager keeps say it stopped working when launched.... is this related? As I say only on a standard user, admins all fine.
Thanks for any help on this matter.

Hi,
I quote: "Thanks for any help on this matter."
One of the best solutions in this case in my oppinion is you would get in touch with Adobe Help and Support here: http://www.adobe.com/support/creativesuite/. You could use "Troubleshoot failed installations": http://kb2.adobe.com/cps/828/cpsid_82827.html Recently there is also the possibility to consult via chat.
Hans-G.

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

How to make slide images with Dreamweaver CS6?

How to make slide images with Dreamweaver CS6? Please teach me.

Hello
in addition to Jon's hint, I'll send you some links to nice sliders (have fun with the different representations ):
http://sandbox.scriptiny.com/javascript-slideshow/
http://jquery.malsup.com/cycle/
http://wowslider.com/best-jquery-slider-crystal-linear-demo.html
http://www.jcoverflip.com/demo
http://www.jacksasylum.eu/ContentFlow/
http://addyosmani.com/blog/jqueryuicoverflow/
You only need to use the source code to implant these shows there where you want. In my eyes it would be the best that you use first a very new and blank DW file to perform (maybe in LiveView) the one or the other.
Hans-Günter

Adding user comments on images using dreamweaver

Hi.
I was wondering is it possible to add a comments section under an image using dreamweaver.
For example on a website, users can view an uploaded image and make comments underneath it. How do I do this in dreamweaver cs6?
Thanks

Hi grampy 84,
I used the keywords "provide commenting on website" on Google, and found a few links that look to be useful. I do not want to recommend any because I have not tried them myself. However, you could go through what's available and ask the experts here for their opinion.
Thanks,
Preran

Question about images in Dreamweaver

I created a table tonight using Layout view. One of my cells
is going to contain the logo for my website. Here's the problem
though.
I opened the image in Dreamweaver and then shrunk it down
quite a bit in order to fit it into the cell I have. The cell is
the size I want, but when the image shows up on the page it's
really small and blurry.
Do I need to resize the image manually before importing it
into Dreamweaver in order for it to look correct? Is my problem
simply that I shrunk a huge image into a tiny space?

http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
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
==================
"Barber_91" <[email protected]> wrote in
message
news:fe9oq3$t3m$[email protected]..
> Thanks for that...I'll get rid of the layout view thing.
> Know of any good CSS tutorials??

Images and dreamweaver 4

I'm trying to work with images in Dreamweaver 4. I have two images saved in the site files as jpg files. According to Dummies I should click on one, then click on window and open the properties inspector, then click on edit and this will launch Fireworks. The problem is that the program seems to skip these steps and immediately launches Fireworks. So I cropped one of the images (that was all I wanted to do with it) and tried to select it and copy then paste it into the dreamweaver page where I wanted it, but repeated attempts failed. Even though I seem to select it (though it does not change color when I do), then when I go to the destination page I cannot find a paste command. This is very simple stuff, just move a rudimntary pair of images to a rudimntary page and I'm stuck. Help!

Is it Dreamweaver 4 (vintage 2000) or Dreamweaver CS4 (the current version)?
According to Dummies I should click on one, then click on window and open the properties inspector, then click on edit and this will launch Fireworks. The problem is that the program seems to skip these steps and immediately launches Fireworks.
Sounds like you are double clicking in the image. Try opening the Property inspector first (it should always be open anyhow), then select the image.
tried to select it and copy then paste it into the dreamweaver page where I wanted it, but repeated attempts failed.
If you saved the cropped image with the same name as it had before being cropped, and saved it to the same location, DW would automatically use it. But, you cannot copy and paste images into DW the way you are describing.

Rollover images in Dreamweaver 6 not showing up

I upgraded from Dreamweaver CS4 to the latest version. I cannot view the images that revolve / rotate on website.
Does anyone know where to find the images?

<section id="features-slider" class="ss-slider">
<article class="slide">
<img src="http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_1.jpg" alt="" class="slide-bg-image" />
<div class="slide-button">
<span class="dropcap">1</span>
<h5>Responsive Layout</h5>
<span class="description">From desktop to mobile</span>
</div>
<div class="slide-content">
<h2>Responsive Layout</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec purus justo.</p>
<p><a class="button" href="#">Read More</a></p>
</div>
</article>
<article class="slide">
<img src="http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_2.jpg" alt="" class="slide-bg-image" />
<div class="slide-button">
<span class="dropcap">2</span>
<h5>HTML5 / CSS3</h5>
<span class="description">For today and tomorrow</span>
</div>
<div class="slide-content">
<h2>HTML5 / CSS3</h2>
<p>Hendrerit eleifend condimentum quis, varius at lacus. Donec ultrices justo scelerisque erat feugiat sed mattis justo volutpat.</p>
<p><a class="button" href="#">Read More</a></p>
</div>
</article>
<article class="slide">
<img src="http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_1.jpg" alt="" class="slide-bg-image" />
<div class="slide-button">
<span class="dropcap">3</span>
<h5>Easily Customisable</h5>
<span class="description">Build the way you want!</span>
</div>
<div class="slide-content">
<h2>Easily Customisable</h2>
<p>Etiam at nunc felis, vitae gravida libero. Morbi molestie elit eget metus volutpat vitae bibendum quam lacinia. Maecenas porttitor blandit nisl sit amet blandit. Phasellus porta sodales accumsan.</p>
<p><a class="button" href="#">Read More</a></p>
</div>
</article>
<article class="slide">
<img src="http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_3.jpg" alt="" class="slide-bg-image" />
<div class="slide-button">
<span class="dropcap">4</span>
<h5>Unique & Clean</h5>
<span class="description">Stand out from the crowd!</span>
</div>
<div class="slide-content">
<h2>Unique & Clean</h2>
<p>Fusce porta elit quis nunc mollis ut lacinia eros accumsan. Aenean consequat egestas diam, vel pharetra tellus venenatis in.</p>
<p><a class="button" href="#">Read More</a></p>
</div>
</article>
</section>
This is your slider section in the HTML document. Notice the images here:
http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_1.jpg
http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_2.jpg
and so on..

Is there a way to list all of the active images using Dreamweaver?

Is there a way to LIST OUT all of the active images that are currently being used on a page in Dreamweaver? Or do I have to click each one and write down the image name by hand?
Thanks!
LJ

Here are 2 ways to "start over":
1. remove all photos (or all extraneous photos anyway) from existing catalog (e.g. all photos collection, ctrl/cmd-a, then delete key).
2. create a new catalog (see file menu).
It sounds like #2 would be best for you, so you don't have extraneous keywords in your catalog etc.
~R.

Images in Dreamweaver

Similar Messages

Maybe you are looking for