• Post Reply Bookmark Topic Watch Topic
  • New Topic

tab menu

 
brummeline kebratn
Greenhorn
Posts: 5
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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 ]
 
Bear Bibeault
Author and ninkuma
Marshal
Posts: 65530
108
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
"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
 
brummeline kebratn
Greenhorn
Posts: 5
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I'm sorry!!! I did not read the name policy when I edited my profile.
[ February 21, 2007: Message edited by: brummeline kebratn ]
 
Bear Bibeault
Author and ninkuma
Marshal
Posts: 65530
108
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
No problem. Thank you for complying so quickly.
 
brummeline kebratn
Greenhorn
Posts: 5
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Haven't anybody tried something like this before?
 
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!