StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POA simple tab implementation with <ul><li> but how to set tab background-image?
primarykey
Id
7847655
data
AcceptedAnswerId
0
AnswerCount
2
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2011-10-21T09:47:43.267
FavoriteCount
0
LastActivityDate
2011-10-21T10:03:55.377
LastEditDate
2011-10-21T09:50:07.793
LastEditorUserId
959734
OwnerUserId
959734
ParentId
0
PostTypeId
1
Score
1
ViewCount
1008
LastEditorDisplayName
text
Body
I implemented a simple tab navigation by using <code><ul><li><a></code> , the problem is that there are several "layers" on each tab still needed. what I mean is, In my current implementation I have: <ul> <li>-tab text which is <code><a>text</a></code></li> <li>-on each tab I have a tab icon image, which I put on <code><li></code> as background-image of <code><li></code>,</li> </ul> But I still need: <ul> <li>-tab seperator image (A vertical bar image) which I intend to put on <code><a></code>,and position it on the left side <code>background-position: left</code> , it is working but this implementation is not in my code which I showed below on jsfiddle site because I did not find a suitable image on internet</li> <li>-tab background image which occupy the whole tab, I have no idea where I should put this image?</li> </ul> Please check & run my implementation <a href="http://jsfiddle.net/Pq7LC/38/" rel="nofollow">here on jsfiddle</a>, in the css code, I used <code>background-color</code> instead of <code>background-image</code> just to express what I want to achieve, but I need to use <code>background-image</code> as the tab background. What I tried: <ul> <li>I tried to put the tab background image on <code><li></code> but it will hide the icon image which has already on <code><li></code>,</li> <li>I tried to put the tab background image on <code><a></code> but it will also hide the tab seperator image when mouse hover</li> </ul> How to get rid of this layer probelm on tab implementation then? (Please do not suggest me to use less image, since it is one requirement of this app to use those images.) (By the way, all images I mentioned have mouse "hover" counterpart)
Tags
<html><css>
Title
A simple tab implementation with <ul><li> but how to set tab background-image?
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USLeem.fin
UserOwnerUserId
1. USLeem.fin
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POA simple tab implementation with <ul><li> but how to set tab background-image?
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 POA simple tab implementation with <ul><li> but how to set tab background-image?
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTModeratorReview
CommentsPostId
1. COdo you have a design file(image) of your final results?
 singulars
 PostPostId
 POA simple tab implementation with <ul><li> but how to set tab background-image?
 UserUserId
 USarahaya

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.