tab menu

I'm trying to make a tab-navigation menu with the following code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<html>
<head>
<link rel="stylesheet" href="css/frontend.css" type="text/css" media="screen">
</head>
<body>
<f:view>
<h:form id="tabs">

<t:panelTabbedPane width="100%">
<t:panelTab id="alle" label="Alle" styleClass="tabcontainer">
<f:verbatim>
<td class="left_part_of_tab"><img src="context/images/tableft.gif" alt="left part of tab angled line"></td>
<td class="center_part_of_tab">Alle</td>
<td class="right_part_of_tab"><img src="context/images/tabshadow.gif" alt="tab shadow"></td>
</f:verbatim>
</t:panelTab>
<t:panelTab id="diagnostikk" label="Diagnostikk" style="tabcontainer_active">
<f:verbatim>
<td class="left_part_of_tab_active"><img src="context/images/tab_active_left.gif" alt="left part of tab angled line"></td>
<td class="center_part_of_tab_active">Diagnostikk</td>
<td class="right_part_of_tab"><img src="context/images/tabshadow.gif" alt="tab shadow"></td>
</f:verbatim>
</t:panelTab>
<t:panelTab id="legemidler" label="Legemidler">
<f:verbatim>
<td class="left_part_of_tab"><img src="context/images/tableft.gif" alt="left part of tab angled line"></td>
<td class="center_part_of_tab">Legemidler</td>
<td class="right_part_of_tab"><img src="context/images/tabshadow.gif" alt="tab shadow"></td>
</f:verbatim>
</t:panelTab>
<t:panelTab id="kontakt" label="Kontakt oss">
<f:verbatim>
<td class="left_part_of_tab"><img src="context/images/tableft.gif" alt="left part of tab angled line"></td>
<td class="center_part_of_tab">Kontakt oss</td>
<td class="right_part_of_tab"><img src="context/images/tabshadow.gif" alt="tab shadow"></td>
</f:verbatim>
</t:panelTab>
<f:verbatim>
<td style="border-bottom: 1px solid #d1cdb9;"> </td>
</f:verbatim>
</t:panelTabbedPane>

</h:form>
</f:view>
</body>
</html>

When I open the page I get a tabpanel, but it doesnt look like it is supposed to. I would like the tabs to look like what I have spesified in the <f:verbatim> parts of the code. How do I get it to look like that?
[ February 21, 2007: Message edited by: brummeline ]

"brummeline",

There aren't many rules that you need to worry about here on the Ranch, but one that we take very seriously regards the use of proper names. Please take a look at the JavaRanch Naming Policy and adjust your display name to match it.

In particular, your display name must be a first and a last name separated by a space character, and must not be obviously fictitious.

Thanks!
bear
JavaRanch Sheriff

I'm sorry!!! I did not read the name policy when I edited my profile.
[ February 21, 2007: Message edited by: brummeline kebratn ]

No problem. Thank you for complying so quickly.

Haven't anybody tried something like this before?