Click here to Skip to main content
15,885,366 members
Home / Discussions / Web Development
   

Web Development

 
AnswerRe: Indian rupee sign in web page Pin
Bryian Tan21-Feb-11 17:17
professionalBryian Tan21-Feb-11 17:17 
AnswerRe: Indian rupee sign in web page Pin
Sunasara Imdadhusen2-Mar-11 19:29
professionalSunasara Imdadhusen2-Mar-11 19:29 
QuestionHas Anybody Seen This Control? Pin
Roger Wright15-Feb-11 18:50
professionalRoger Wright15-Feb-11 18:50 
AnswerRe: Has Anybody Seen This Control? Pin
Peter_in_278015-Feb-11 19:45
professionalPeter_in_278015-Feb-11 19:45 
GeneralRe: Has Anybody Seen This Control? Pin
Roger Wright16-Feb-11 18:08
professionalRoger Wright16-Feb-11 18:08 
AnswerRe: Has Anybody Seen This Control? Pin
Peter_in_278016-Feb-11 16:36
professionalPeter_in_278016-Feb-11 16:36 
AnswerRe: Has Anybody Seen This Control? Pin
thatraja16-Feb-11 19:51
professionalthatraja16-Feb-11 19:51 
AnswerRe: Has Anybody Seen This Control? Pin
enhzflep19-Mar-11 19:37
enhzflep19-Mar-11 19: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 11:26
gamefreak229114-Feb-11 11:26 
AnswerRe: Horizontal Movement Pin
Sunasara Imdadhusen15-Feb-11 17:58
professionalSunasara Imdadhusen15-Feb-11 17:58 
GeneralRe: Horizontal Movement Pin
gamefreak229116-Feb-11 4:34
gamefreak229116-Feb-11 4:34 
QuestionI want to create a news website Pin
Mohammad A Gdeisat14-Feb-11 3:15
Mohammad A Gdeisat14-Feb-11 3:15 
AnswerRe: I want to create a news website Pin
DeDawg14-Feb-11 4:26
DeDawg14-Feb-11 4:26 
GeneralRe: I want to create a news website Pin
Mohammad A Gdeisat14-Feb-11 5:59
Mohammad A Gdeisat14-Feb-11 5:59 
GeneralRe: I want to create a news website Pin
DeDawg16-Feb-11 5:13
DeDawg16-Feb-11 5:13 
GeneralRe: I want to create a news website Pin
Mohammad A Gdeisat16-Feb-11 5:41
Mohammad A Gdeisat16-Feb-11 5:41 
AnswerRe: I want to create a news website Pin
Not Active14-Feb-11 8:41
mentorNot Active14-Feb-11 8:41 
GeneralRe: I want to create a news website Pin
DeDawg16-Feb-11 5:14
DeDawg16-Feb-11 5:14 
GeneralRe: I want to create a news website Pin
Not Active17-Feb-11 2:23
mentorNot Active17-Feb-11 2:23 
QuestionNot able to export SSL certificate to another server Pin
Ankur.Bakliwal10-Feb-11 1:17
Ankur.Bakliwal10-Feb-11 1:17 
QuestionImage Menu Hover Pin
exotiick9-Feb-11 21:47
exotiick9-Feb-11 21:47 
AnswerRe: Image Menu Hover Pin
Sunasara Imdadhusen15-Feb-11 22:07
professionalSunasara Imdadhusen15-Feb-11 22:07 
AnswerRe: Image Menu Hover Pin
Dalek Dave28-Mar-11 6:11
professionalDalek Dave28-Mar-11 6:11 
Questionfile automatically deletes on server Pin
Danzy839-Feb-11 10:56
Danzy839-Feb-11 10:56 
AnswerRe: file automatically deletes on server Pin
Peter_in_27809-Feb-11 11:58
professionalPeter_in_27809-Feb-11 11: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.