html <table> problem

[bondiblue]

hallo

möchte gerne eine tabelle bauen mit 3 zellen und desweiteren soll td2 un td3 ein unterstrich(1px) erhalten.

----------------------
| td1 | td2 | td3 |
-------========

bisher ist mir nur dies eingefallen:

<table>
<tr>
<td>td1</td><td class=my_css_class>td2</td><td class=my_css_class>td3</td>
</tr>
</table>

in der css steht:

.my_css_class
{
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
background-image : url(img_underline.gif);
}

also mit dieser lösung bin ich sehr unzufrieden weil es folgende nachteile hat:

- verwende ein bild für die linie (nicht sehr elegant)
- (unter IE alles ok) unter Safari schrift zu klein nicht bold farbe ok aber kein bg_img bzw keine linie

für hilfe wäre ich sehr dankbar

liebe grüsse
bondiblue

 

[xlqr]

nimm doch besser div boxen und positionier die, dann kannst du auf tabellen verzichten und bist mit css schön frei im design. und für den unterstrich dann

border-bottom: 1px solid fuchsia;

 

[HAL]

nimm das stattdessen:

beispiel {

font-family: verdana, arial, helvetica, sans-serif;
font-size:10px;
color:#666;

border-bottom: 1px solid #999999;

text-align: left;
font-weight: bold;
}

 

[bondiblue]

hallo


ich probier mal aus und sag dann bescheid ob es geklappt hat

DANKE!!!

lg
bb

 

[bondiblue]

hallo

hat supi funktioniert

DANKE

lg
bb