-
Junior Member
can any one sent me how to use tabslayout using struts and tiles
i want a sample code for tabs layout which is working so that i can modify my way...........
plz help me put
-
Contributing Member
Re: can any one sent me how to use tabslayout using struts and tiles
hi chennuri,
do you want tabs layout using CSS ?
i am not clear about question...plz explain clearly...
-------------------
suresh
-
Expert Member
Re: can any one sent me how to use tabslayout using struts and tiles
chennuri
please be more specific!
Iam not getting you!
bye
-
Junior Member
Re: can any one sent me how to use tabslayout using struts and tiles
yes suresh i want to use tabslayout with CSS ..
sorry for delay i sw the answer late...
plz can u sent me some code already used...so that i can see the flow and modify alongly...
wiating for ur reply
-
Expert Member
Re: can any one sent me how to use tabslayout using struts and tiles
HI,
These CSS menu tabs come with thick top/bottom padding to achieve that attractive cushioned look. Setup is very easy- each menu link simply carries a gradient background image that is changed to a darker version of the original when the mouse rolls over each menu item.
Code is here below
#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;
}
#thicktabs li{
display: inline;
}
#thicktabs li a{
float: left;
color: black;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(media/pinkbg.gif) top right no-repeat;
border-top: 1px solid #d3bdbe; /*top border style*/
border-bottom: 3px solid #ffa1a3; /*thick bottom border below tabs*/
}
#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}
#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}
#thicktabs li a:visited{
color: black;
}
#thicktabs li a:hover{
color: black;
background-image: url(media/pinkbgover.gif); /*background image swap on hover*/
}
</style>
<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->
As i mentioned above this just a one example if u require more u can ask me . My organization java person will help u out.
Regards
Nikhil Rattan
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules