Welcome to Dream.In.Code
Getting Help is Easy!

Join 86,392 Programmers. There are 1,407 online right now! Ask your question and get quick answers from Dream.In.Code experts. Join the #1 programming help community on the internet! Registration is fast and FREE... Join Now!

Chat LIVE With a Expert
Powered by LivePerson.com

Register to Make This Box Go Away!

Transparent box backgrounds in css..?

 
Reply to this topicStart new topic

Transparent box backgrounds in css..?, for links - hover and active

J2kq
post 6 Apr, 2008 - 11:24 AM
Post #1


New D.I.C Head

*
Joined: 4 Apr, 2008
Posts: 10



Hi there I need code for transparent boxes and links..??? i.e. having it tranparant for link and visited but having a solid colour for hover and active.. (or reverse..) for ex my css looks like this... (or do I need php code?)

CODE

body { color: #06075a; font-size: 12px; font-family: "Comic Sans MS"; background-color: #06075a; } p { } td { } a:link { color: #fff; font-size: 12px; font-weight: bold; background-color: #06075a; text-decoration: none; } a:visited { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; } a:hover { color: #06075a; font-size: 12px; font-weight: bold; background-color: #eee; text-decoration: none; } a:active { color: #06075a; font-size: 12px; font-weight: bold; background-color: #eee; text-decoration: none; } .heading { color: #06075a; font-size: 14px; text-decoration: none; } .text10 { font-size: 10px; font-weight: bold; } .boxtext { color: #333; font-weight: bold; background-color: transparent; }
User is offlineProfile CardPM
Go to the top of the page
+Quote Post


Sandi
post 6 Apr, 2008 - 12:51 PM
Post #2


New D.I.C Head

*
Joined: 18 Nov, 2007
Posts: 11

Your explanation isn't clear at all, but the only thing you have transparent is .boxtext {}.

You do not say what the background-color of the box that boxtext goes into is. If undefined it will be the body color.

Your links have the body color unless you defined a box background, so the only link backgrounds you have to define then is hover and active.

Please supply more information.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

J2kq
post 7 Apr, 2008 - 01:10 AM
Post #3


New D.I.C Head

*
Joined: 4 Apr, 2008
Posts: 10

QUOTE(Sandi @ 6 Apr, 2008 - 12:51 PM) *

Your explanation isn't clear at all, but the only thing you have transparent is .boxtext {}.

You do not say what the background-color of the box that boxtext goes into is. If undefined it will be the body color.

Your links have the body color unless you defined a box background, so the only link backgrounds you have to define then is hover and active.

Please supply more information.




Hello again - ok lets try this..:-)
what I would like is to have the colour behind the text being in a, lets say 30% transparent white, or even better having the whole cell in 30% white and when hovering change it to, lets say lime.

CODE

a:link { color: #6885fa; font-size: 12px; font-weight: bold; background-color: #fff; text-decoration: none; padding: 2px 4px 2px 1px; }
a:visited { color: #6885fa; font-size: 12px; font-weight: bold; background-color: #fff; text-decoration: none; padding: 2px 4px 2px 1px; }
a:hover { color: #242625; font-size: 12px; font-weight: bold; background-color: #0f0; text-decoration: none; text-align: left; padding: 2px 4px 2px 1px; }
a:active { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; }


*edit* code.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

Sandi
post 7 Apr, 2008 - 03:43 PM
Post #4


New D.I.C Head

*
Joined: 18 Nov, 2007
Posts: 11

I'm still don't know why you want white alpha transparency set to 30 percent on the text box. 30 percent alpha would be close transparent and show almost entirely whatever color is behind the text box. Probably what your body color is if it is defined.

Other than that your code should give you just what you want without using an alpha channel for transparency.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

J2kq
post 23 Apr, 2008 - 01:20 AM
Post #5


New D.I.C Head

*
Joined: 4 Apr, 2008
Posts: 10

hello again

Ok let me give you an exemple.. go to http://www.thesuperyachtcup.com/ and scroll down the page to "Past Events" that will give you an idea of what I am on about.. smile.gif - (mouse over and out)
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

codeMode
post 26 Apr, 2008 - 12:16 PM
Post #6


D.I.C Head

**
Joined: 30 Jan, 2008
Posts: 54

I believe this could help you out.

User is offlineProfile CardPM
Go to the top of the page
+Quote Post

J2kq
post 2 May, 2008 - 01:13 AM
Post #7


New D.I.C Head

*
Joined: 4 Apr, 2008
Posts: 10

QUOTE(codeMode @ 26 Apr, 2008 - 12:16 PM) *

I believe this could help you out.


thank you!:-)

User is offlineProfile CardPM
Go to the top of the page
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 5/17/08 05:05AM

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month