White Transparency over Blue Background is too Blue!


i know not strictly dw question hey, i'm going ask anyway!


here's image of want achieve in fireworks screenshot:

 

connections01.jpg


the content panel white fill transparency because it's on blue, it's still blue!  know that's how works but, want white or possibly, manilla.  i'll transparent panel using .png , vanishing point words background .png well.  i'm not sure if better off using gradient image <body> , <div> words image perhaps can give me few clues how tackle this?

 

here's photoshop image:

 

connections02.jpg

 

i have asked question in ps forum in hope there might color theory trickery apply i'm not if that's runner.

 

so, ideas coding perspective?  thing can think of (but haven't tried yet) add words image body , content panel?

 

martin

try this:  borders added show divisions. can remove them.

 

 

<!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=iso-8859-1" /> <title>untitled </title>  <style type="text/css">  body { width: 643px; margin:0 auto; padding:0; background:navy; font:1em/1.5 verdana, arial, helvetica, sans-serif; color: #fff; text-align:center; }  #header { color: #ccc; min-height: 100px; margin:0; padding: 0; border: 1px dotted yellow; /**remove this**/ }  #background { background:#fff url(connections02.jpg) no-repeat center top; text-align:left; width: 643px; margin: 0 auto; border: 1px dotted red; /**remove this**/ }  #bluelayer { background:navy; opacity:0.6; filter:alpha(opacity=60); border: 1px dotted silver; /**remove this**/ }  #maincontent { width: 350px;  margin:0 auto; background: #fff; color:#000; padding:0 20px; border: 1px solid green; /**remove this**/ } </style> </head> <body> <div id="header"> <p>header</p> <!--end header --> </div>  <div id="background"> <div id="bluelayer"> <div id="maincontent"> <p>your content goes here. lorem ipsum dolor sit amet, eodem eleifend ad consuetudium humanitatis formas. adipiscing est nulla in nihil nibh id. claram processus hendrerit eorum ii investigationes delenit ut mazim. amet iusto cum ex veniam me, anteposuerit commodo et at. facit sollemnes saepius non lectores litterarum. insitam eu quod te volutpat tincidunt eua nobis lius per. iriure molestie dynamicus, erat decima.</p>  <h2>heading 2</h2> <p>your content goes here. lorem ipsum dolor sit amet, eodem eleifend ad consuetudium humanitatis formas. adipiscing est nulla in nihil nibh id. claram processus hendrerit eorum ii investigationes delenit ut mazim. amet iusto cum ex veniam me, anteposuerit commodo et at. facit sollemnes saepius non lectores litterarum. insitam eu quod te volutpat tincidunt eua nobis lius per. iriure molestie dynamicus, erat decima.</p> <!--end maincontent --></div> <!--end bluelayer --></div> <!--end background --></div>    </body>  </html>   

 

nancy o.
alt-web design & publishing
web | graphics | print | media  specialists
http://alt-web.com/
http://twitter.com/altweb



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

CS5 Adobe Media Encoder: Encode failed because the source duration is nil.

cf_sql_integer vs cf_sql_bigint vs cf_sql_int??

localhost/joomla15/administrator doesnt work - Joomla! Forum - community, help and support