Any good .css people????

Kylere · Post by **Kylere** » February 21, 2003, 7:44 pm

Given this css

body {background-image: url(back.jpg)}
b {color:blue}
a {color:black; text-decoration: none}
a:hover {color:red; text-decoration:underline}

#links {text-transform:uppercase; width: 100%; border-bottom:3px solid red; text-align:center;

background-color: #FFFFF0}
td {font-family:Arial, Helvetica, sans-serif; font-size:8pt; border-style:groove;

border-width:5px; border-color:red}

#calendar {float:right; border-style:groove; border-width:10px; border-color:red;

vertical-align:top}
td {width:65px; background-color:white; font-size:8pt; border-style:solid;

border-width:1px; border-color:blue}
th {background-color:#ADD8E6; font-family:Arial, Helvetica, sans-serif;

border-style:solid; border-width:1px; border-color:blue}
th.prev {background-color:white; background-image: none; border-style:none}
th.next {background-color:white; background-image: none; border-style:none}
table b {background-color:ADD8E6; color:black; text-align:right}
td.next {background-image: url(back.jpg)}
td.prev {background-image: url(back.jpg)}
td.weekend {background-color: pink; background-image: none}

How can I make it work with
<html>
<head>
<title>January Events at the Chamberlain Civic Center</title>
<link href="calendar.css" rel="stylesheet" type="text/css">
</head>

<body>

<table id="links">
<tr>
<td>
<a href="#">Home Page</a>
</td>

<td>
<a href="#">Tickets</a>
</td>
<td>
<a href="#">Events</a>
</td>
<td>
<a href="#">Tour</a>

</td>
<td>
<a href="#">Contact Us</a>
</td>
</tr>
</table>

<center><img src="ccc.gif" alt="The Chamberlain Civic Center"></center>

<a name="cal"></a>
<table id="calendar">

<tr>
<th class="prev">
<a href="jan.htm#cal"><</a>
</th>
<th colspan="5">
Events in January
</th>
<th class="next">
<a href="feb.htm#cal">></a>
</th>

</tr>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>

<th>Fri</th>
<th>Sat</th>
</tr>
<tr>
<td class="prev">
28 
<a href="#">Columbia Carolers 
1 p.m. 

$8</a>
</td>
<td class="prev">
29
</td>
<td class="prev">
30 

<a href="#">New Year's Eve Bash 
8 p.m. 
$16</a>
</td>
<td>
1 
<a href="#">Family Fun Day 

11 a.m. 
$6</a>
</td>
<td>
2
</td>
<td>

3 
<a href="#">The Nutcracker 
8 p.m. 
$16/$24/$32</a>
</td>
<td class="weekend">
4 

<a href="#">The Nutcracker 
8 p.m. 
$16/$24/$32</a>
</td>
</tr>
<tr>
<td class="weekend">
5 

<a href="#">Irish Singers 
1 p.m. 
$8</a>
</td>
<td>
6
</td>

<td>
7
</td>
<td>
8 
<a href="#">John Taylor 
8 p.m. 

$12/$24/$28</a>
</td>
<td>
9
</td>
<td>
10 

<a href="#">Pasadena Orchestra 
8 p.m. 
$20/$24/$28</a>
</td>
<td class="weekend">
11 
<a href="#">Martin Luther King 

8 p.m. 
$18/$22/$32</a>
</td>
</tr>
<tr>
<td class="weekend">
12 
<a href="#">Irish Singers 

1 p.m. 
$8</a>
</td>
<td>
13 
<a href="#">Indoor Rodeo 
7 p.m. 

$12/$18/$22</a>
</td>
<td>
14
</td>
<td>
15

</td>
<td>
16
</td>
<td>
17 
<a href="#">Macbeth 

8 p.m. 
$16/$24/$32</a>
</td>
<td class="weekend">
18 
<a href="#">Macbeth 
8 p.m. 

$16/$24/$32</a>
</td>
</tr>
<tr>
<td class="weekend">
19 
<a href="#">Irish Singers 
1 p.m. 

$8</a>
</td>
<td>
20
</td>
<td>
21

</td>
<td>
22 
<a href="#">Muchasm 
7 p.m. 
$14/$18/$24</a>
</td>

<td>
23
</td>
<td>
24 
<a href="#">New York Oratorio 
8 p.m. 

$16/$24/$32</a>
</td>
<td class="weekend">
25 
<a href="#">New York Oratorio 
8 p.m. 
$16/$24/$32</a>

</td>
</tr>
<tr>
<td class="weekend">
26 
<a href="#">Irish Singers 
1 p.m. 
$8</a>

</td>
<td>
27
</td>
<td>
28 
<a href="#">Classic Cinema 

8 p.m. 
$4</a>
</td>
<td>
29
</td>
<td>

30
</td>
<td>
31 
<a href="#">George Alston 
8 p.m. 
$16/$24/$36</a>

</td>
<td class="next">
1 
<a href="#">Taiwan Acrobats 
8 p.m. 
$16/$24/$36</a>
</td>

</tr>
</table>

Welcome in the new year at the Chamberlain Civic Center. You
can first say goodbye to the old year with the New Year's Eve
Bash, featuring some of the best live music in the area. After
you've recovered, return the next day with your family for games
and events at the Family Fun Day. Two days at the CCC not
to be missed!
You can close out the twelve days of Christmas by attending the
Nutcracker, the CCC's annual holiday treat. Celebrate Martin
Luther King's birthday, by attending Samuel Dawson's memorable
and moving one-man show.
If you love music and song, CCC's January offerings excel. First
enjoy the blues music of the legendary John Taylor on January
8th. Then, be sure to book tickets for New York Oratorio,
with New York City's world-acclaimed city choir. You can end
January with the mellow sounds of the always-popular, George
Alston

The Irish Singers join us this month for our always popular
Sunday brunches. Be sure to book your table early.

</body>

</html>

So that the beginning table of links ("links") has a red border, with a solid red 3 px bar underneath, and the main table ( "calendar") has a blue table border set with a larger red/black groove border. I can only seem to get one set of td to work

Post by **Xouqoa** » February 21, 2003, 8:02 pm

gimme a sec and I'll try and do it and attach it for you.

kurzweil · Post by **kurzweil** » February 21, 2003, 8:05 pm

...!

edit: removed half-assed solution

Post by **Xouqoa** » February 21, 2003, 8:22 pm

Not sure if this is exactly what you had in mind, but look and see. =)

I cleaned up that messy, messy code of yours too!

Vetiria · Post by **Vetiria** » February 21, 2003, 8:23 pm

The selected attachment does not exist anymore.

nm, there it is

I don't think that's what he's wanting. I might be wrong, but I think he's wanting the blue borders on the td's on the links table red and only the table itself have the one bottom border. Don't ask me what I just said because it confuses me too.

Post by **Xouqoa** » February 21, 2003, 8:27 pm

It's showing up twice, too... wtf?

Pyrella, fix! *snap*

Post by **pyrella** » February 21, 2003, 9:37 pm

*cringe*

You know you want it - click here