logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-27-2012, 04:01 PM   #1
Melody
 
Join Date: Nov 2012
Posts: 13
Default Video Transparency

I have uploaded a YouTube video to a transparent content area...which has made the video (and text) on that page transparent as well.

I did quit a bit of research yesterday trying to get it fixed but I must not be using the right wording in my css and html. Could you all help me?

What I want is to have SOLID text/images/video on top of my transparent content area.

I am new to this so please know I would appreciate "layman's terms" and won't take offense at all to your making it simple.

Thank you for your time. It is greatly appreciated!!

Melody
Melody is offline   Reply With Quote
Old 11-27-2012, 04:44 PM   #2
Melody
 
Join Date: Nov 2012
Posts: 13
Default

I don't know if this is important (and if it is...I should have shared it before).

I'm using Dreamweaver to do this site.

The background image is a fixed full screen image.

I have an image header with horizontal menu below.

The transparent content area follows. Background color is #666666 with opacity of 0.746. Width is 1000 px.

Thank you.

Melody
Melody is offline   Reply With Quote
Old 11-27-2012, 04:51 PM   #3
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Hi Melody, we need to see the site to see what's going on.
domedia is offline   Reply With Quote
Old 11-27-2012, 06:12 PM   #4
Melody
 
Join Date: Nov 2012
Posts: 13
Default

We don't have it uploaded yet.

He has goDaddy hosting but we've not done any uploading.

I'm sorry!!

I did think about that (when asking), and I could tack it onto the back of my own site...just didn't want to mess things up in the process.

Melody
Melody is offline   Reply With Quote
Old 11-27-2012, 06:18 PM   #5
Melody
 
Join Date: Nov 2012
Posts: 13
Default

Let me do that for you. (If I can.) Give me just a few minutes.
Melody is offline   Reply With Quote
Old 11-27-2012, 06:50 PM   #6
Melody
 
Join Date: Nov 2012
Posts: 13
Default

Here is the site so far.
http://pointheavenwardsiamese.com/Si...Craft/home.php

I appreciate you even being willing to look at it (help me).

Thank you.
Melody is offline   Reply With Quote
Old 11-27-2012, 06:59 PM   #7
Melody
 
Join Date: Nov 2012
Posts: 13
Default

I've tried several things. Different code from different folks. There's LOTS out there.

Here's another I found this morning (from Dreamweaver)...and tried. Couldn't get it to work either.

http://www.dreamweaverresources.com/...ent/index.html

And the code for it: view-source:http://www.dreamweaverresources.com/...ent/index.html

I know I'm not doing something right...not laying/separating it right...I just don't know what.

Thank you for your help.
Melody is offline   Reply With Quote
Old 11-27-2012, 07:47 PM   #8
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

remove the opacity property from your CSS all together. It's doing exactly what you';re telling it to do, and you're not liking it .

So here is your current CSS rule for .content
Code:
.content {
       display: block;
       width: 1000px;
       margin-left: auto;
       margin-right: auto;
       background-color: #666666;
       opacity: 0.746;
       position: relative;
}
Change this to:
Code:
.content {
       display: block;
       width: 1000px;
       margin-left: auto;
       margin-right: auto;
       background-color: #666666; /* for older browsers */
       background-color: rgba(102, 102, 102, .75); /* for newer browsers */
       position: relative;
}
That's all you need to do (plus you need to start learning HTML and CSS )

.
domedia is offline   Reply With Quote
Old 11-27-2012, 07:52 PM   #9
Melody
 
Join Date: Nov 2012
Posts: 13
Default

Oh my GOODNESS...that is AWESOME!!

And YES...I surely DO need to learn html and css. Yeeep!

Thank you!

Thank you, thank you!!
Melody is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:24 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com