Inserting a differently shaped image into Dreamweaver

I am new to Dreamweaver, and I am attempting to create my first website. I have a background pattern covering my site, and when I insert an elliptical image into the site, I am left with triangular white corners around the ellipse, I have been struggling and I feel that I am missing an easy fix here. How do I import my elliptical image without the white corners? The image is one that I have created in photoshop, and it is a single layered image on a 320 x 210 canvas.

The halo effect is a common problem with gif, try using a png with a transparent background.
PZ
Update: Also check the dpi of your image.
Message was edited by: pziecina

Similar Messages

Inserting or embed and image into cfmail output from a database-stored path to an actual image.

I am trying to insert or embed and image into cfmail from a database-stored path to an actual image. The actual JPEG image is stored in a folder called "images_personnel". The path to the image under the column titled photopath is stored in my database table as "/file/images_personnel/28.jpg". Displaying the image on the screen renders without a problem, embedding the same image as part of a cfloop query does not insert/embed the image into an email. All of the other output of the same cfloop displays and emails just fine. However none of the photos of each personelle show up. What an I doing wrong?
My code is below:
<cfquery name="Staffreport" datasource="master">
Select staffreport.*, name.personnelid, name.email, name.last, name.noiid, stafflt, CONCAT(name.fname,' ',name.middle,' (',name.last,')') AS teammember, CONCAT(name.fname,' ',name.middle) AS teammember2, concat(name.photopath,'',name.photo)as hisphoto, stafflt.*, trim(concat(ltfname,' ',ltmiddle)) as LT from Staffreport, name, stafflt
where 0=0
and stalt = '#Session.user_id#'
and ltid = '#session.user_id#'
and staweekbegin = <cfqueryparam value="#form.staweekbegin#" cfsqltype="cf_sql_date" />
AND staweekend = <cfqueryparam value="#form.staweekend#" cfsqltype="cf_sql_date" />
AND stapersonnelid = personnelID

AND CITY = 'richmond'
AND STATUS <> 'd'
AND STATUS <> 'T'
AND type = 'personnel'
Group by personnelid
Order by teammember
</cfquery>
<cfmail>...
<cfloop query="staffreport"><br />
<table width="90%" border="0" cellspacing="2" cellpadding="4" align="left">
<tr>
    <td colspan="2" align="center" valign="top" nowrap="nowrap" bgcolor="cccccc"><strong><font color="black"><cfif #staffreport.last# eq ".">#Ucase(Staffreport.teammember2)# <cfelse>#Ucase(Staffreport.teammember)#</cfif> - ID: <cfoutput>#Staffreport.noiid#</cfoutput></font></strong></td>
</tr>
<tr>
    <td align="left" valign="top" nowrap="nowrap" bgcolor="#000000">Name:</td>
    <td>#Staffreport.teammember#</td>
</tr>
<tr>
    <td bgcolor="E6E1FD">Photo:</td>
    <td bgcolor="EBEBEB">
<img src="#staffreport.hisphoto#" alt="Photo" width="98" height="98">
</td>
</tr>
<tr>
    <td bgcolor="E6E1FD">Email:</td>
    <td bgcolor="EBEBEB">#staffreport.email#</td>
</tr>
</table>
</cfloop>
</cfmail>

You'll need to provide a full URL link to the image ("http://mywebserver/file/images_personnel/28.jpg"), not just a relative path. Remember, the email client that is used to view the email content knows nothing of the internals of your web server - it can only follow a complete URL to get images and other resources.
-Carl V.

Inserting Images into Dreamweaver through Div Tag

Hi im quite new to Dreamweaver and i've got CS3...I've just
designed and sliced up a website in Photoshop and have started to
compile it together in Dreamweaver using HTML and CSS. I've just
added a Div tag and added images into the page and i've got stuck,
i cant seem to put another image next to one iv already placed
their.
I need help on how to work with Div Tags and applying images
so that i can fix my website like a Jigsaw.
I have provided the code i hav in my HTML so far...

Maybe this will help you -
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
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
==================
"DThandi" <[email protected]> wrote in
message
news:gk8anj$4qc$[email protected]..
> Let me show you the before and after images of the site
im working on,
> then
> maybe what im trying to describe can become more
clearer...Your right that
> i do
> need some basic understanding, I actually used to know
the answer to my
> own
> question but since i havn't played around with
Dreamweaver for a while i
> seem
> to have forgotten.
>
> This was the image on Photshop:
>
http://i187.photobucket.com/albums/x151/ohhchakdeh/SAMPLE.jpg
>
> This is where I am stuck now:
>
http://i187.photobucket.com/albums/x151/ohhchakdeh/stuck.jpg
>
> These are all the small images i have sliced up from
Photshop:
>
http://i187.photobucket.com/albums/x151/ohhchakdeh/Untitled.jpg
>
> As you can see i have trouble coding in HTML. So far i
have been
> following a
> tutorial video showing me how to had images and align
them through Div
> Tag...But now i am trying to put images side by side in
the Navigation
> area and
> on top of and underneath each other. As you can see i
have Home.jpg and
> Home-Scrap.jpg. Home Scrap needs to go under Home and
both of them images
> need
> to go next to image Left-Short.jpg.
>
> Thank You
>

How do I insert a pdf file (image) into a project as a picture-in-picture clip that will run for a specified amount of time?

I want to insert a pdf created from a ppt slide into a FCP X project that will run as a PIP for a specified amount of time. I was successful in bringing the image into the project as a clip but the default for the image is one second. When I try to change duration of the clip, I am able to enter a new time length but the actual clip doesn't change.

You select the PDF image in the timeline. You use Control-D and enter the new duration. What happens?

Inserting text over an image in dreamweaver cc

I am trying to insert text over an image in fluid grid layout but all i can see is the text. I have seen the previous query relating to this but it does not help. Help on this would be great.

Layers or APDivs won't work in FluidGrid Layouts. You'll need to drop the image into your container's background with CSS. Or use Photoshop to apply text directly to your graphic.
Nancy O.

Insert more then one animation into dreamweaver

how do I insert more then one adobe edge animation into dreamweaver via html code?

Hi, bullydog2009-
You should be able to insert multiple iframes into your HTML document. Try this post for syntax:
http://forums.adobe.com/message/4741310
Hope that helps!
-Elaine

Is there a way for the responder to insert a photo or image into the form?

I'm trying to create a form with a field in it that would allow the user to insert a thumbnail photo or image into the response. Is this possible at all?

Yes, you can add an "Attachment" field, here is a video overview: http://acrobatusers.com/tutorials/how-to-add-attachments-to-a-formscentral-form
And here is a tutorial: http://forums.adobe.com/docs/DOC-2656
Thanks,
Josh

Unable to Insert Adobe Edge Animate files into Dreamweaver CS6!

I have just tried the new Insert Edge Media feature in the new Cloud version of Dreamweaver CS6, but I can't get it to work!!
I have the option, but all the files in the Edge folder are unhighlighted (grey'd out) and I am unable to select anything Edge has published. I have noticed that the file extension has recently changed from .edge to .an with the launch of Animate.. Is this the problem?
Its a shame as its really quite tricky to put edge stuff into a web page at present..
Any ideas?
Wesley

Do you have an HTML5 web document open?
Below are instructions from the DW CS6 Reference document
http://helpx.adobe.com/pdf/dreamweaver_reference.pdf
Import Edge Animate compositions | Creative Cloud
This feature is available for Creative Cloud members and point product subscribers only.
You can import Adobe Edge Animate compositions (OAM files) into Dreamweaver. The composition is placed at the location of the cursor. Dreamweaver extracts the contents of the imported OAM file to a folder named edgeanimate assets. You can change the default location in the Site Setup dialog.
1. Ensure that your cursor is at the location where you want to insert the Edge Animate composition.
2. Select Insert > Media > Edge Animate Composition.
3. Navigate to the location in your computer containing the OAM file, and open it. The animation is placed at the specified location.
By default, the contents of the OAM file are extracted to the edgeanimate_assets folder. A sub folder with the name of the file is created. The contents of the OAM file are placed in the Assets folder under this location.
You can place Edge Animate Compositions into individual pages not part of any site. The files are extracted to the location of the page.
Location of extracted files
     A. The edgeanimate_assets folder
     B. The folder created using the file name of the OAM file
     C. The Assets folder containing the extracted files
4. Preview the inserted Edge Animate composition in a browser or in the Live View.
Change default location for extracted files
1. Open the Site Setup dialog for your site.
2. Under Advanced Settings, select Edge Animate Assets.
3. In Asset Folder, modify the location for extracted files
Nancy O.

Inserting HTML and support files into Dreamweaver table cell!

HELP! I'm using photoshop to generate it's "flash" web photo
gallery. That yields a folder of pages, swf files and more folders
of images. I want this slideshow from p'shop to reside in a cell in
a table on my existing dreamweaver HTML page. HOW! HELP!!!!
ALSO, does anyone know of an automated, drag-and-drop (but
slightly customizable) web gallery solution that yields just a
simple flash .SWF file?
Why is this so hard. Isn't there any company out there that
makes a solution that yields a simple file? help! Need this in the
next few hours! Yikes.
Thanks so much!

Flash is this great program - you import images into it, set
some simple
timelines, and BOOM! you're all done up.
I can't remember who makes it.....
(using right tools for job makes sure your thumbs are
unharmed)
HTH,
Jon
"tim_and_hazel" <[email protected]> wrote in
message
news:enlfmt$kdn$[email protected]..
> HELP! I'm using photoshop to generate it's "flash" web
photo gallery. That
> yields a folder of pages, swf files and more folders of
images. I want
> this
> slideshow from p'shop to reside in a cell in a table on
my existing
> dreamweaver
> HTML page. HOW! HELP!!!!
>
> ALSO, does anyone know of an automated, drag-and-drop
(but slightly
> customizable) web gallery solution that yields just a
simple flash .SWF
> file?
>
> Why is this so hard. Isn't there any company out there
that makes a
> solution
> that yields a simple file? help! Need this in the next
few hours! Yikes.
>
> Thanks so much!
>

How to insert an in-line image into a table cell using Pages on OS X?

How can I insert an image into a table cell using Pages (OS X) without it becoming the cell background? I want it to be a regular in-line image, but can't figure out how to do this for the life of me. Thanks!

Welcome to Discussions.
To insert an image into a cell, select the cell, then go to the Graphics Inspector and from the Fill drop down choose Image Fill and then select then image you want. You can now select from a new drop down how you want the image to fit.
Walt

How do I insert Fireworks Slideshow (non flash) into Dreamweaver?

I have been trying to import a slideshow from flash that I created from the built in template. I used the player that does not require a flash plug in and I cannot figure out how to insert it into my webpage in Dreamweaver. When I post the code directly it says that I have to enable java script? I am new to dreamweaver/fireworks and coding. I know that it should be simple, but I have not been able to figure it out. Thank you for any help you can offer!

I don't use that function, but here's a list of articles that may prove useful:
http://community.adobe.com/help/search.html?q=creating+a+slideshow+in+dreamweaver&lbl=drea mweaver_product_adobelr&self=1&hl=en_US&lr=en_US&area=0
You could also look at using jquery, very simple to use and help docs come with most of the apps.
Lots of goodies here:
http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-ligh tbox-solutions/
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/
http://twitter.com/nadiap

Help inserting Fireworks pop-up menu into Dreamweaver

I wonder if anyone can help me with pop-up menu insertion
process. I create the menu in Fireworks and export it to
Dreamweaver. I place the menu in a fresh test document and it works
perfectly every time, but when I go through the exact same series
of steps in my real page, I get a broken image icon. I just can't
understand why the path is fine one way, yet gets lost in the
shuffle the other way. The only two differences I can think of are
where in the site folder the test page is saved, as opposed to
where the real (archive) page is stored, and the fact that the
archive page already has rows and columns and cells, where the
fresh test page has just one basic table and nothing else at all. I
even tried manipulating the code directly to make the sections in
question identical, and even that doesn't do it. As far as I could
see, my actual working site page (which won't accept the insertion)
had one extra bit of code, namely
<td colspan="4"
Everything else seems to be the same.
I am losing my sanity over this!

Would it be too late to direct you to another menu approach
altogether? The
FW pop-up menus are not the sharpest knife in the drawer -
Check the uberlink and MacFly tutorials at PVII
http://www.projectseven.com/)
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/navbars/)
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
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
==================
"birdpics" <[email protected]> wrote in
message
news:ed2pnn$5cl$[email protected]..
> I wonder if anyone can help me with pop-up menu
insertion process. I
> create
> the menu in Fireworks and export it to Dreamweaver. I
place the menu in a
> fresh
> test document and it works perfectly every time, but
when I go through the
> exact same series of steps in my real page, I get a
broken image icon. I
> just
> can't understand why the path is fine one way, yet gets
lost in the
> shuffle the
> other way. The only two differences I can think of are
where in the site
> folder the test page is saved, as opposed to where the
real (archive) page
> is
> stored, and the fact that the archive page already has
rows and columns
> and
> cells, where the fresh test page has just one basic
table and nothing else
> at
> all. I even tried manipulating the code directly to make
the sections in
> question identical, and even that doesn't do it. As far
as I could see, my
> actual working site page (which won't accept the
insertion) had one extra
> bit
> of code, namely
>
> <td colspan="4"
>
> Everything else seems to be the same.
>
> I am losing my sanity over this!
>
>
>
>
>

How do I insert part of one image into another in Elements 8?

I am testing Elements 8 and would like to, for example, take an eagle from one image and insert it into another. I've done this with other editing programs, but can't see how to do it here. If one is to use layers, then I have another problem. How does one open layers from more than one image in the palettes?

MS993 wrote:
I am testing Elements 8 and would like to, for example, take an eagle from one image and insert it into another. I've done this with other editing programs, but can't see how to do it here. If one is to use layers, then I have another problem. How does one open layers from more than one image in the palettes?
You can only view the layers of one image at a time. I believe E8's default setting is a maximized setting which allows for only one image in the workspace. If you change the setting in the menu to Cascade, you can have several images open in your workspace. I believe, that's under Window<Arrange. The layer's palette will display whichever image is currently selected.
There are several ways to do it. Here are a couple...
Copy/Paste...
One way is to select the eagle with a selection tool...magnetic lasso whatever...then copy the eagle into your clipboard. Edit<copy. (Shortcut = Ctrl + C on PC; Cmd + C on Mac).
Open the second image then paste. (Shortcut = on PC Ctrl + V; on Mac Cmd + V). This will add the eagle to the current image. Use the move tool to position the eagle.
Drag/Drop...
Alternately, change window<Arrange in the menu bar to Cascade. This will allow you to have more than one image in your workspace.
Open both images. Select eagle with a selection tool. Once selected, switch to the move tool. Drag eagle into second image.
Alternately, you could also lift the eagle to it's own layer then drag it over using the move tool. Release the mouse button when you are over the second image to drop the eagle. (Shortcut to lift selected eagle from the background to it's own layer = on PC Ctrl + J; on Mac = Cmd + J.)
Note: Both images should be the same or close to same resolution. The image that is dragged will adjust (resize) to match the background image resolution. (Low resolution images dragged into high resolution images are tiny whereas high resolution images dragged into low resolution images would be huge).

How do I insert a 3d pdf file into dreamweaver

I am using cs5, I have a 3d pdf file that needs to open in dreamweaver when someone is viewing the website not open it in a seperate file.

I have a 3d pdf file that needs to open in dreamweaver when someone is viewing the website not open it in a seperate file.
1) When someone visits your site, they're doing it in their web browser; not DW.
2) HTML files are web documents. PDF files are print documents. 2 different things.
3) Web browsers do not support PDF files without a helper application or Plug-in like Acrobat reader.
4) In order to view 3-D PDF files, your users need to have Acrobat Reader 9 or highet.
5) The very best you can do is link to the PDF file and hope your users have the required software to view it.
That's how Adobe does it.
http://www.adobe.com/manufacturing/3dpdfsamples/3dsolutions/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Inserting edge animate files correctly into Dreamweaver

Hi there all,
I am loving edge animate! i have made all sorts of web banners and slideshows!! This is my problem, I have a project i would like to add to a 2 column layout in the right colum but eveytime i insert the project where i believe it should go it appears on the otherside of my screen not in the area i placed it or the containing div..
Can somebody please help me.. This is my 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" />

    <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edge.js"></script>
    <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edgeActions.js"></script>
    <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-90061968 { visibility:hidden; }
    </style>
<title>Seal Snorkeling</title>
<style type="text/css">

</style></head>
<body>
<div class="container">
<div class="header">
<div style="width: 100%">
<video controls="width: 987px">
<source src="seal.mov" type="video/mov" />
<source src="seal.mp4" type="video/mp4" />
</video>
</div></div>
<div class="sidebar1">
<img src="logo.jpg" width="470" height="216" align: "right"alt="logo" longdesc="logo.jpg" />
<p><strong>Seal Snorkeling </strong> in Cape Town is the ultimate wildlife experience for the adventurous. Plunge into the cool Atlantic ocean and swim with hundreds of playful Cape Fur Seals. Interact with them in their environment and on their terms. This half day excursion is for everyone and will be the highlight of your holiday.</p>
<p><strong>Meeting Times </strong> <br>9am - November to February.</br><br>10am - September to Ovtober $ March to April.</br><br>Please confirm when booking.</br><br>There are afternoon options if the morning is fully booked.</p>
    <p><strong>Meeting Location </strong> <br>We meet inside Hout Bay Harbout, outside the NSRI building.</br> See directions below</p>
    <p><strong>Trip Duration</strong> <br>3 hours. This includes kitting up, briefing and traveling to and from the island. On average, visitors spend an hour in the water.</p>
    <p><strong>What is provided?</strong> <br>We provide all equipment, a marine guide, boat ride, educational briefing, water, biscuits, hot chocolate and even a hot water shower to warm you up!</p>
<img src="divers.jpg" width="470" height="530" align: "right"alt="logo" longdesc="logo.jpg" />
     <div id="content">
    </div>
</div>
<div class="content" id="test"><div id="stage" class="EDGE-6752322">
    </div></div>
<div class="footer">
    <p></p>
</div>
</div>
</body>
</html>
If anyone has some advice i would be very grateful, Thanks in advance!!
Nick

Hi there,
Here is a pic of what im talking about, as you can see the edge file is now hovering over the entire project again.. didnt change a thing and now back to artifacts even after restarting please please please help

Inserting a differently shaped image into Dreamweaver

Similar Messages

Maybe you are looking for