Forums

joann7

I have table with a link in the second column

. I have tried everything to get the link to be white and match the rest of the 's, but nothing is working.

I am sure it is something so simple. But I can't spend anymore time on this and it is driving me crazy.

I would appreciate any help.

Here is a link to the page: http://joannfitzpatrick.com/vol/internetleads_test.html

TylerNYC

What link? What's "rest of the 's"?

wolfcry911

It's not content - it's a background image. The only way to change it is to change the background. Or use text...

joann7

Sorry, I didn't relieve it removed the code from the post. Here is what I meant to post:

I have table with a link in the second column

that says Date (see below)

I have tried everything to get the link to be white and match the rest of the

's, but nothing is working.

I am sure it is something so simple. But I can't spend anymore time on this and it is driving me crazy.

I would appreciate any help.

Here is a link to the page: http://joannfitzpatrick.com/vol/internetleads_test.html

              <table>
                      <thead>
                        <tr>
                          <th class="leads_head">Processed</th>
                            <th class="leads_head"><a href="#"><span class="ui-icon ui-icon-carat-2-n-s">&nbsp;Date</span></a></th>
                          <th class="leads_head">Lead No.</th>
                            <th class="leads_head">Name</th>
                            <th class="leads_head">View</th>

                        </tr>

TylerNYC

Find .ui-icon-carat-2-n-s in jquery-ui-1.8.16.custom.css

Add: display: inline-block;

Then:

<th class="leads_head"><a href="#"><span class="ui-icon ui-icon-carat-2-n-s"></span><span class="leads_head">Date</span></a></th>

TylerNYC

Sorry, forgot to mention this. Add this to where you added inline-block:

font-family: "Droid Serif", Georgia, serif; font-weight: bold;

joann7

I added the display: inline-block; to the style sheet but it doesn't seem to be doing anything.

There is the word "Date" - after the ui-icon in the second table head column. It is not showing up as white like the words that aren't links in the other table head columns. How can I get it to be white?

TylerNYC

Date isn't showing up because it's inside where the icons are. Please do as I said,

<th class="leads_head"><a href="#"><span class="ui-icon ui-icon-carat-2-n-s"></span><span class="leads_head">Date</span></a></th>

And add this where you put inline-block from before:

font-family: "Droid Serif", Georgia, serif; font-weight: bold;

joann7

That worked! You are Awesome!

Thank you for your patience Tyler. I hope to be a css genius like you someday.

TylerNYC

Farrrrr from genius! I'm a programmer but CSS is something I always hired someone for. Still learning it :)

treehouse : what would you like to learn today?

Forums

[Solved] Link inside of a table