|
| |
|
|
GMisner
Posts: 50
Joined: 9/2/2005
Status: offline
 |
Backgrounds and CSS - 9/19/2005 13:47:19
I want to place a background image in my table headers to tie my data tables to the theme of my page....
Can anyone tell me what syntex should be in the style to add the backgrounds... Also how do I create a specific link to the img instead of the .. that FP added.
If you want to see what it looks like it can be found at troop245.com choose leadership then event planner...
Thanks for any help you can provide...
CSS TD definitions...
TD.header {
font-family: "Times New Roman";
font-weight: bold;
Text-align="center";
color="#FFFFFF";
font-size=14pt;
}
a.TDHeader{text-decoration: none; }
a.TDHeader:link {color: #FFFF00;}
a.TDHeader:visited {color: #FFFF00; }
a.TDHeader:focus,
a.TDHeader:hover {color: #FF9900;text-decoration: underline; }
a.TDHeader:active {color: #FF9900;text-decoration: underline; }
Table Definition
<tr>
<td class= header width="16%" background="../images/topheader_fill.jpg">Event</td>
<td class= header width="8%" background="../images/topheader_fill.jpg">Start Date</td>
<td class= header width="8%" background="../images/topheader_fill.jpg">End Date</td>
<td class= header width="10%" background="../images/topheader_fill.jpg">Adult Leader</td>
<td class= header width="14%" background="../images/topheader_fill.jpg">Scout Leader</td>
<td class= header width="19%" background="../images/topheader_fill.jpg"><a class=TDHeader href="Permission_Request.htm"><b>245 Permission</a></td>
<td class= header width="20%" background="../images/topheader_fill.jpg">Other Permission</td>
</tr>
|
|
|
|
coreybryant
Posts: 2479
Joined: 3/17/2002
From: Castle Rock CO USA
Status: offline
|
RE: Backgrounds and CSS - 9/19/2005 14:10:58
Not exactly sure if this is what you had in mind:
td.header
{
font-family: times;
font-weight: bold;
text-align: center;
color:#FFFFFF;
font-size:14pt;
background-image: url('../images/background.gif');
}
I made a few changes to your CSS sheet as well. You can also use the CSS validator as well to help with minor error
_____________________________
Corey R. Bryant
Merchant Accounts | Toll Free Numbers | Expression Web Blog
| |
|
|
|
coreybryant
Posts: 2479
Joined: 3/17/2002
From: Castle Rock CO USA
Status: offline
|
RE: Backgrounds and CSS - 9/19/2005 17:48:01
With reards to FP moving to the root, I think you are referring to the code which is really different, but making the URL virtual is usually a better choice. You will not be able to see the background image though if you do use a virtual URL on your Frontpage
The background you are using is HTML and the one that I used is CSS, slightly different. you can read more about CSS backgrounds if you wish.
_____________________________
Corey R. Bryant
Merchant Accounts | Toll Free Numbers | Expression Web Blog
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
