This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > February 2006 > creating a transparent tr or td





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author creating a transparent tr or td
ryansebiz

2006-02-12, 6:41 pm

i'm new to css, and now i realize i should have designed my web site using it.
unfortunately it's all in tables and i don't have time to redesign it right
now. oh well.

that being said, i have a css rule redefining the table tag to give all tables
a white background:

table { background-color: white; }

at the bottom of each page i have a 3 row 1 column table. in the last row i
want it to feature a transparent background.

what rule should i add (to the css and/or html) to make that bottom row
transparent? (i've been trying for 30 minutes and can't get anything to work)

thanks in advance.

FreakyJesus

2006-02-12, 6:41 pm

i am a little confused (nothing new there though!)....can you either post the code or provide a link to view the page?
ryansebiz

2006-02-12, 6:41 pm

Originally posted by: FreakyJesus
i am a little confused (nothing new there though!)....can you either post the
code or provide a link to view the page?

here's the code:

<table width="955" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" class="text_links">
<a href="home.htm">home</a> | <a href="samples.htm">samples</a> | <a
href="resume.htm">resume</a> | <a href="references.htm">references</a> | <a
href="aboutme.htm">about me</a> | <a href="contact.htm">contact</a></td>
</tr>
<tr>
<td><img src="images/bar_bottom.gif" width="955" height="10" /></td>
</tr>
</table>


FreakyJesus

2006-02-12, 6:41 pm

ok now i think i have you. is the bg gradient on the page, the cell, or the table?
P@tty Ayers

2006-02-12, 6:43 pm


"ryansebiz" <webforumsuser@macromedia.com> wrote in message
news:dsj57a$rvt$1@forums.macromedia.com...

> what rule should i add (to the css and/or html) to make that bottom row
> transparent? (i've been trying for 30 minutes and can't get anything to
> work)


I would do something like this. Instead of defining every table as having a
white background, create a class of tables which have a white background.
Then, tables without this class will automatically have a transparent
background.

In your style sheet:

..regular-table {background-color: white; }

Apply ".regular-table" to each table which needs a white background.
Obviously, *don't* apply it to the table which needs to have the transparent
row.

It sounds like you only want one row of that table to be transparent. I
would give the other rows a white background individually, but I would do it
by applying another class to the table cells, not the rows, just because CSS
doesn't usually work as well on table rows.

..white-cell { background-color: white; }

Apply ".white-cell" to the cells which *don't* need to be transparent (just
in the table which has the transparent row).


--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--


P@tty Ayers

2006-02-12, 6:43 pm


"ryansebiz" <webforumsuser@macromedia.com> wrote in message
news:dsj57a$rvt$1@forums.macromedia.com...
> i'm new to css, and now i realize i should have designed my web site using
> it.
> unfortunately it's all in tables and i don't have time to redesign it
> right
> now. oh well.


You did use CSS to design your site - you just used some tables for layout
too, and there's nothing wrong with that.


--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--


Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews