Click here to Skip to main content
15,170,745 members
Home / Discussions / Web Development
   

Web Development

 
AnswerRe: Indian rupee sign in web page Pin
Bryian Tan21-Feb-11 18:17
professionalBryian Tan21-Feb-11 18:17 
AnswerRe: Indian rupee sign in web page Pin
Sunasara Imdadhusen2-Mar-11 20:29
professionalSunasara Imdadhusen2-Mar-11 20:29 
QuestionHas Anybody Seen This Control? Pin
Roger Wright15-Feb-11 19:50
professionalRoger Wright15-Feb-11 19:50 
AnswerRe: Has Anybody Seen This Control? Pin
Peter_in_278015-Feb-11 20:45
professionalPeter_in_278015-Feb-11 20:45 
GeneralRe: Has Anybody Seen This Control? Pin
Roger Wright16-Feb-11 19:08
professionalRoger Wright16-Feb-11 19:08 
AnswerRe: Has Anybody Seen This Control? Pin
Peter_in_278016-Feb-11 17:36
professionalPeter_in_278016-Feb-11 17:36 
AnswerRe: Has Anybody Seen This Control? Pin
thatraja16-Feb-11 20:51
professionalthatraja16-Feb-11 20:51 
AnswerRe: Has Anybody Seen This Control? Pin
enhzflep19-Mar-11 20:37
Memberenhzflep19-Mar-11 20:37 
It's been a while since I've done much html, though my initial thought is that this could be done with 6 images and some css.

You'd use 3 images for each state, a left a middle and a right. You simply repeat the middle image for the required width (which could be determined from the _text_ label hat the button would have - also helps make your site more easily ably to be translated, since the button text can be translated also)

It's a little messy, and could do with some better sizing of the left/right sides of the tab. Though this is what I mean above:
<html>
<head>

<style>
.tableft{
	background-image: url(left1.png);
	padding-left: 8px;
}

.tabright{
	background-image: url(right1.png);
	padding-right: 8px;
}

.tabmid{
	color:	red;
	background-image: url(middle1.png);
	padding: 0 5 0 5;
}

.tabCont:hover .tableft{
	background-image: url(left2.png);
}

.tabCont:hover .tabmid{
	background-image: url(middle2.png);
	color: white;
}

.tabCont:hover .tabright{
	background-image: url(right2.png);
}

</style>
</head>
<body>
<span class=tabCont><span class=tableft>&nbsp;</span><span class=tabmid>Tab1</span><span class=tabright>&nbsp;</span></span>
<span class=tabCont><span class=tableft>&nbsp;</span><span class=tabmid>Tab2</span><span class=tabright>&nbsp;</span></span>
</body>
</html>



The images i have used are 14x25, 1x25, 14x25 - quite small and manageble...
QuestionHorizontal Movement Pin
gamefreak229114-Feb-11 12:26
Membergamefreak229114-Feb-11 12:26 
AnswerRe: Horizontal Movement Pin
Sunasara Imdadhusen15-Feb-11 18:58
professionalSunasara Imdadhusen15-Feb-11 18:58 
GeneralRe: Horizontal Movement Pin
gamefreak229116-Feb-11 5:34
Membergamefreak229116-Feb-11 5:34 
QuestionI want to create a news website Pin
Mohammad A Gdeisat14-Feb-11 4:15
MemberMohammad A Gdeisat14-Feb-11 4:15 
AnswerRe: I want to create a news website Pin
DeDawg14-Feb-11 5:26
MemberDeDawg14-Feb-11 5:26 
GeneralRe: I want to create a news website Pin
Mohammad A Gdeisat14-Feb-11 6:59
MemberMohammad A Gdeisat14-Feb-11 6:59 
GeneralRe: I want to create a news website Pin
DeDawg16-Feb-11 6:13
MemberDeDawg16-Feb-11 6:13 
GeneralRe: I want to create a news website Pin
Mohammad A Gdeisat16-Feb-11 6:41
MemberMohammad A Gdeisat16-Feb-11 6:41 
AnswerRe: I want to create a news website Pin
Not Active14-Feb-11 9:41
mentorNot Active14-Feb-11 9:41 
GeneralRe: I want to create a news website Pin
DeDawg16-Feb-11 6:14
MemberDeDawg16-Feb-11 6:14 
GeneralRe: I want to create a news website Pin
Not Active17-Feb-11 3:23
mentorNot Active17-Feb-11 3:23 
QuestionNot able to export SSL certificate to another server Pin
Ankur.Bakliwal10-Feb-11 2:17
MemberAnkur.Bakliwal10-Feb-11 2:17 
QuestionImage Menu Hover Pin
exotiick9-Feb-11 22:47
Memberexotiick9-Feb-11 22:47 
AnswerRe: Image Menu Hover Pin
Sunasara Imdadhusen15-Feb-11 23:07
professionalSunasara Imdadhusen15-Feb-11 23:07 
AnswerRe: Image Menu Hover Pin
Dalek Dave28-Mar-11 7:11
professionalDalek Dave28-Mar-11 7:11 
Questionfile automatically deletes on server Pin
Danzy839-Feb-11 11:56
MemberDanzy839-Feb-11 11:56 
AnswerRe: file automatically deletes on server Pin
Peter_in_27809-Feb-11 12:58
professionalPeter_in_27809-Feb-11 12:58 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.