New to web design-- when importing PNG, background's grey

Hey there,
when I import a tranparent PNG into dreamweaver, the
background behind it is grey when I publish.
I can change the background in the cell, but then when it's
published... grey...
what am I doing wrong?
thanks,
Matthew

ocycproductions wrote:
> Hey there,
> when I import a tranparent PNG into dreamweaver, the
background
> behind it is grey when I publish.
> I can change the background in the cell, but then when
it's
> published... grey...
> what am I doing wrong?
http://www.tjkdesign.com/articles/png_overlay_with_no_extra_markup.asp
HTH.
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
The perfect FAQ page:
http://www.TJKDesign.com/go/?9
CSS-P Templates:
http://www.TJKDesign.com/go/?1
CSS Tab Menu:
http://www.TJKDesign.com/go/?3

Similar Messages

The first Ask a Pro for New Responsive Web Design tool, Reflow 2/22

The new Responsive Web Design tool – Reflow – is out.
When: Friday, February 22, 2013 – Noon Pacific Time. Session start time for other time zones are here: http://bit.ly/12D9ILL
Description: Edge Reflow preview has just been released and now is your chance to see all the ins and outs of this new tool, as well as how it integrates with other Edge tools and services. Join evangelist Paul Trani as he takes you through Reflow and workflows with other Edge tools and services when designing for the modern and mobile web.
Register here: http://www.adobe.com/cfusion/event/index.cfm?event=detail&id=2008488&loc=en_us

The replay of this webinar is available OnDemand: http://seminars.adobeconnect.com/p2l90bhma2n/

New to web design - learn Dreamweaver first?

Greetings to the Dreamweaver community.
After 30 years in print design, I've finally made a decision to learn a little something about web design. With that goal in mind, when I updgraded to CS6, I bought the "CS6 Design and Web Premium" package. The package includes Dreamweaver, Fireworks and Flash Pro. But I'm a little confused where to start.
I always buy the Adobe "Classroom in a Book" series to learn the basics or new aspects of Adobe products. All three apps have CIB counterparts and I'm thinking that I will but the Dreamweaver CIB first, then Fireworks, and then Flash Pro?
So what am asking is... is this the right direction? I notice on some discussion boards that some use Fireworks more than Dreamweaver: I just want to make sure I'm on the right path.
Any suggestions would be appreciated.
Clinton

Welcome to the DW community, Clinton!
30 years - that is some real experience you've got up your sleeve!
Web Design, okay, it works this way. It has 2 parts - for starters:
Design/ Mockup/ Layout/ Wireframe/ UI (different people refer to this differently) - but the end goal is the same - to create the 'design', per se, that your site is going to look like
Development/ Slicing/ Compositing/ CSSing/ PSD - CSS (again, different references) - making the 'design' you've made in an application like Photoshop or Fireworks to be 'web-friendly' - in other words, making it .html and .css files that are the 'core' elements for a website
Most web designers (including me) use Photoshop to create design cuts (PSD files) that we send back and forth a million times to the client to get them approved. Then, 'slice' some key elements such as backgrounds, boxes, etc... Then open Dreamweaver, write the 'markup' - which is 'what' you want to display on your website (content, tables, boxes, widgets, snippets, etc..). Then, 'style' the website using 'CSS' - to match it to the 'PSD' that the client had approved.
This is it - I don't know if I could've put it any shorter!
CSS - Cascading Style Sheet - it is a piece of code that instructs web browsers how your website has to be displayed. Height, spacing, margins, width, colors, display-type, etc... With the birth of CSS-3, things are even more easier. A few key things that CSS-3 can do are lets say, Gradients, rounded-edges, etc.. (for which you had to use an actual .png or .jpg image in CSS-2). Now, CSS-3 can give you the exact same effect with no use of an image.
HTML - Now that HTML5 is quickly replacing older web standards, you've decided to start your 'web journey' at the right time, I'd say. HTML5 has endless possibilites for creating 'responsive' web design - responsive meaning one design, multi-devices - for desktops, tablets & mobile phones.
With all that said, Dreamweaver CS6 has some great tools for HTML5 standards such as 'Fluid Grid Layout' - with which you create 1 design, code 3 different CSS documents and BAM - your website will be optimized for all 3 devices.
Fireworks - Definitely usable for web design. Fireworks CS6 also has some great tools such as 'CSS Generator' that gives you the CSS code for a selected design element - in other words, design it in Fireworks, hover over it, Fireworks will generate the CSS code for you.
jQuery - You should look this up - has some great 'plugins' that you can use in your website design/ development. Now that 'Flash' is kind of dead (modern handhelds don't support Flash), jQuery is your friend. Best part is it is fully open-source.
The next step - Dynamic websites - As the name suggests, you can get into building more 'interactive' websites - like a shopping cart, etc... later on once you get a proper hang of some basic HTML & CSS. And if you decide to use jQuery, you'll also get a hang of JavaScripting - which is critical to build interactive websites as you progress.
You can take a look at this video on Youtube. I know it doesn't have too many views. But, I personally feel it is a good place for you begin with Fireworks - http://www.youtube.com/watch?v=NrJmyYfNu1M
All this maybe going a little over your head right now - since you're just starting up. But, feel free to post questions as and when you have one and we'll be happy to help you! The world needs more web designers/ developers after all!
All the best.
-ST

New To Web Design, How To Get Started?

Just looking for some advice on what I need, I have used Dreamweaver before and have a little bit of web design experience (by little I mean not much at all!)
I was just wondering what other Adobe software I would need along side Dreamweaver to build and maintain a decent site, I basically want to know what other apps work alongside Dreamweaver to make the whole process run smoother and easier
Cheers for any help!

Hello,
Dreamwever is a good start for any web design project, also if you are doing the design side of things, Photoshop and Illustrator would be good additons to the toolbox for you web design projects.
Hope that helps,
Matt
[signature deleted by host]

New To Web Design Looking For Tutorials

Hi, I am looking for some help and I am hoping that one of you can help me. I am a total beginner, as in complete beginner. I am looking to do a certified web design course, but can anyone point me in the direction of some DWCS5 tutorials. Beginner ones though, would like to gain some experience at least before I start my course.
Thanks.

The very best advice I can offer a beginner is to put Dreamweaver away. First focus on learning HTML and CSS code. Without a working knowledge of code basics, DW has a steep learning curve. If you understand code fundamentals, DW is easy to figure out.
Start here:
HTML & CSS Tutorials - http://w3schools.com/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Best of luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Problem when importing .PNG images

I never had this problem until I upgraded to FCP 7.0.1 - I've imported a few .PNG files, which I saved out from Photoshop with a transparent background. Yet when I import into FCP they have a black background. Even playing around with the Alpha Channels in FCP doesn't fix the problem - any suggestions as to what is causing this?

Select one of the .png files in the Browser. Press command and 9 keys to open the properties window.
Locate the entry for Alpha, near the bottom. In the next column over, you will see its setting.
Yours are probably on None/Ignore. Right click on the setting and change it to Straight.
If that does not work, try Black or White.
If that still does not work, you need to go back to Photoshop and check your settings there.

New to Web Design/Development - Need some advice

I have decided to start doing some web work w/ a startup company a buddy is running. The site is currently set up in Expression Engine and I personally do not like the look of it. I am a creative cloud subscriber and currently use AE, PP, Photoshop etc for some design work. I just started with this and I am really enjoying it. I love Adobe products and was thinking that I could redo the site in Edge Animate, Dreamweaver and/or even Muse. The goal is to have a paid site, general content and also a member’s area w/ paid content. I have some experience in programming from my Computer Science days but it has been a long long time. I was just looking for some help to see if this is doable and possible get some help on a good approach to learning and doing this. Thanks for your time.
Mark

Expression Engine is a content management system, somewhat like Wordpress. That means several things:
1. The "content" of the site is stored in a database, and pulled from that database as needed
2. That being the case, there is really ever only 1 page on the site which is given different content to display based on which navigation element you select.
3. That being the case, the single page of the site draws its 'boilerplate' elements (header, footer, etc.) from code fragments (used as includes) that allow that page to be built from the pieces (boilerplate and content) on demand.
Doing any modifications to the "look" of the site would require that you become familiar with how EE puts all of those pieces together. It goes way beyond just HTML and CSS into the world of server scripting to achieve this functionality. As a result I'm afraid that your choices are:
Acquire the knowledge to work within the EE environment
Completely redo the site as a static (i.e., not dynamic) site thereby eliminating EE altogether
Hire someone already familiar with EE to implement a new look leaving the content and functionality in place
Your choice.
Can you give us a link to the site so that we can get an idea of the scope of this job? It may be that EE is being used in an "overkill" fashion.
As far as "working with Expression Engine", normally you don't use something like Dreamweaver at all, rather using the built-in and online tools of the CMS for your page layout and content editing. There is a convenience to doing it this way that offsets the disadvantage of working outside of DW.

Fireworks web designs when using slices not rendering properly in IE

When I create web pages in Fireworks CS6 and use slice tool then export the html, IE 8 and 9 renders borders and misaligned pixels. But when I view the html in Chrome, Safari or Firefox the html pages are rendered as I want them to render. Am i doing something wrong and how can I get html pages to render properly in IE.
thank you for any help!

States are used for animations or creating things like buttons from scratch. Use pages for designing the pages for your site.
In your place I would export only the images from Fireworks, and then build the pages in Dreamweaver with those images. Fireworks HTML is OK for creating prototypes, but, as you can see, the HTML it creates is often not stable enough for web pages. If you want to use HTML from FW, it's not the spacers that cause the problems. The problems are usually generated by the way the page is sliced. To create stable tables, the sliced columns and rows need to line up next to and under each other, like a checkerboard. If the slices are staggered in brick fashion, the table can break apart. That's what you are seeing in IE.

I am very new to web design

Hi, this is a little embarrassing because it's so basic, but
what is the best way to start the layout for your design? I don't
really know how to use CSS so I am starting out with general
tables. I want to insert a .swf navigation bar up top (center) and
a panel on the left side for other links = the very basic
upside-down L.
I began with a table set for 100%, then nested another table
inside. I began nesting tables within that nested table but it
turned into a big mess where things became misaligned the more
content i inserted.
Any help would be appreciated!
J.

The best way to start is with Notepad/Text Edit and a basic
book on HTML.
Don't even think of touching DW until you understand as much
as you can
tolerate about page structure and the HTML tags involved.
Move to the same
kind of book on CSS. Then you will be ready for DW....
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
==================
"jeannette villarreal" <[email protected]>
wrote in message
news:f857i2$35s$[email protected]..
> Hi, this is a little embarrassing because it's so basic,
but what is the
> best
> way to start the layout for your design? I don't really
know how to use
> CSS so
> I am starting out with general tables. I want to insert
a .swf navigation
> bar
> up top (center) and a panel on the left side for other
links = the very
> basic
> upside-down L.
> I began with a table set for 100%, then nested another
table inside. I
> began
> nesting tables within that nested table but it turned
into a big mess
> where
> things became misaligned the more content i inserted.
> Any help would be appreciated!
> J.
>

New to web design

Hi
I built a site using dreamweaver cs3 it was my first attempt,
I used a purchased template and modified it a bit.
The site works locally and there are no broken or external
links and the ftp upload report said everything went well.
I can view the first page when typing in the url but get a
HTTP Error 404 when clicking any of the links. Nothing has been
removed or changed and nothing is protected.
I have read the servers help, which is limited and I have
been reading dreamweaver help and Microsoft support but I am
getting no where.
Can you think of anything I could do or read t try to fix
this problem? Have I done something wrong?
Here is a link to the site in case that helps
www.acprint.com.au
Thanks

None of the second tier of links are correct.
This <li><a href="#">Business
Cards</a></li>
Should be <li><a href=""name of the business card
file.html">Business
Cards</a></li>
and so on...
"acprint" <[email protected]> wrote in
message
news:gk3rg3$qsq$[email protected]..
> Hi
>
> I built a site using dreamweaver cs3 it was my first
attempt, I used a
> purchased template and modified it a bit.
>
> The site works locally and there are no broken or
external links and the
> ftp
> upload report said everything went well.
>
> I can view the first page when typing in the url but get
a HTTP Error 404
> when
> clicking any of the links. Nothing has been removed or
changed and nothing
> is
> protected.
>
> I have read the servers help, which is limited and I
have been reading
> dreamweaver help and Microsoft support but I am getting
no where.
>
> Can you think of anything I could do or read t try to
fix this problem?
> Have I
> done something wrong?
>
> Here is a link to the site in case that helps
>
> www.acprint.com.au
>
> Thanks
>
>

New clips have volume when imported, no volume when played as projects

Just started using iMovie 8. When I am importing video, I can hear sound coming from my Macbook's speakers. However when I access either the clips or the project, I hear nothing. What's happening here?

If you look on the center toolbar (between the Project pane and the Events pane), there is a cluster of buttons on the right. The left-most of these buttons toggles audio skimming on and off.

New to web design. how to add feedback form and display comments in page?

I have created a site using muse. Cient wants me to add a feedback page that has form and displays comments on page. She only wants to pay for web basics bc plan. I know I can export html and can edit using DW but I have never done this nor do I know much about coding.
Does anyone know how to do this and could walk me thru it please?
Thank you in advance

Hello,
There are ample learning resources that will teach you how to achieve this. Please see if the following help you:
http://www.adobe.com/inspire/2012/12/configuring-forms-muse.html
http://tv.adobe.com/watch/adobe-inspire-magazine/configuring-forms-in-adobe-muse/
http://www.adobe.com/in/products/muse/html-contact-forms.html
Regards,
Suhas Yogin

NEW TO WEB PAGE DESIGN!

Hi guys,
I am brand new to web design - my webmaster designed my site
using Front Page Expres which I am told is rubbish. I have
downloaded the Dreamweaver trial version and have immediately found
that web change/design is beyond my capabilities. How should I
start as I really want to change my website to eflect my own
creativity and optimise on search engines?
RICHARD MACKRIDGE

I don't know, but I can't not reply.. =)
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Heh - I can't say that you haven't taught me a thing or
two, either! 8)
>
> Is that a multiple-negative nightmare?
>
> --
> 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
> ==================
>
>
> "P@tty Ayers"
<[email protected]> wrote in message
> news:[email protected]...
>> Yup.. and I've taken a few lessons from you on
advising beginners
>> strongly to learn to code first! :-)
>>
>>
>> --
>> Patty Ayers | www.WebDevBiz.com
>> Free Articles on the Business of Web Development
>> Web Design Contract, Estimate Request Form, Estimate
Worksheet
>> --
>>
>> "Murray *ACE*"
<[email protected]> wrote in message
>> news:[email protected]...
>>>I have never taken lessons except from the good
people here....
>>>
>>> --
>>> 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
>>> ==================
>>>
>>>
>>> "P@tty Ayers"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>>
>>>> "Michael Bishop"
<[email protected]> wrote in message
>>>> news:[email protected]...
>>>>
>>>>> ......take some serious lessons.
>>>>
>>>> For what it's worth, many of the people
you'll see posting here who
>>>> have advanced Dreamweaver skills have never
taken a lesson. I haven't.
>>>> Dreamweaver itself isn't all that
complicated if you know basic HTML
>>>> and CSS.
>>>>
>>>> If you're going to take lessons, I'd really
suggest that they be
>>>> lessons in HTML and CSS. Once you understand
those foundational things,
>>>> figuring out which button does what in
Dreamweaver is not that
>>>> difficult.
>>>>
>>>> I'm just saying. :-)
>>>>
>>>>
>>>> --
>>>> Patty Ayers | www.WebDevBiz.com
>>>> Free Articles on the Business of Web
Development
>>>> Web Design Contract, Estimate Request Form,
Estimate Worksheet
>>>> --
>>>>
>>>>
>>>
>>>
>>
>>
>
>

New address book fields don't appear when importing CSV file

I've added two new fields to the Address Book template. The new fields appear when manually entering data for a new Card, but not when importing a CSV file. There's a drop down menu of field names for the import process but it does not include the new fields. Is there a way to modify this menu?

I would suggest looking at the Basic Troubleshooting steps at the following link:
http://support.apple.com/kb/HT3805
Specifically, for your Question #1 above, I would suggest the First Aid procedure and running the 'Repair Database' option listed in the linked page.
Note - I strongly suggest not running the 'Rebuild Database' option unless all other troubleshooting steps have been exhausted. This is also a caution given by Apple.
For your Question #2, if the repair database does not fix that one, then lower on the linked page you will find the procedure for 'Delete the user preferences' which has sorted the issue for me in the past. FWIW, I suspect that the OS X indexing (possibly for Spotlight) may have something to do with this issue.
As I think you suspect, you should be able to see the photos specific to each Project when you select it one in the library inspector (whether in the folder or not).
Note - the behavior of seeing all photos from all projects in a folder is correct.

Importing PNG into Flash = Color loss

Is anyone out there having this problem: When importing png
files into flash there is a subtle but significant color loss.
Particularly in images that contain alot of Black. It's as if Flash
is using a different color space to Photoshop even though color
management is off in the original photoshop document. When the
PNG's are imported into flash they are always washed out and much
lighter than the original. This is more obvious when importing
images which contain alot of Black. I've been experiencing this
problem for years now and it is sooooo frustrating infact I'm
trying despeatly hard to keep this message calm. Is anyone out
there having the same issue? Im using Mac OSX 10.4 Photoshop CS and
Flash 8?

PNG's are badly designed and often suffer from color
problems. You may need
to use a different color space in photoshop that is
compatible with Flash.
It's not a Flash problem .. and not really even a Photoshop
problem. . its a
problem in PNG's themselves.
See here for an interesting article about why PNG files are
stuffed...
http://hsivonen.iki.fi/png-gamma/
Jeckyl

New to web design-- when importing PNG, background's grey

Similar Messages

Maybe you are looking for