Click here to Skip to main content
15,914,070 members
Home / Discussions / Web Development
   

Web Development

 
AnswerRe: Accessing local machine from web page Pin
Pete O'Hanlon6-Mar-11 4:54
mvePete O'Hanlon6-Mar-11 4:54 
GeneralRe: Accessing local machine from web page Pin
GenJerDan6-Mar-11 5:22
GenJerDan6-Mar-11 5:22 
JokeRe: Accessing local machine from web page Pin
Eddy Vluggen20-Mar-11 3:44
professionalEddy Vluggen20-Mar-11 3:44 
QuestionCSS Question on newly discover Syntax [modified] Pin
toikken23-Feb-11 11:33
toikken23-Feb-11 11:33 
AnswerRe: CSS Question on newly discover Syntax Pin
musefan2-Mar-11 23:32
musefan2-Mar-11 23:32 
QuestionMusic Streaming API Pin
Matt Cavanagh22-Feb-11 23:10
Matt Cavanagh22-Feb-11 23:10 
QuestionPicking up data from a webpage to excel. Pin
Dalek Dave21-Feb-11 10:52
professionalDalek Dave21-Feb-11 10:52 
Questioncenter middle of three spans Pin
Stryder_118-Feb-11 7:09
Stryder_118-Feb-11 7:09 
AnswerRe: center middle of three spans Pin
Sunasara Imdadhusen22-Feb-11 1:36
professionalSunasara Imdadhusen22-Feb-11 1:36 
AnswerRe: center middle of three spans Pin
musefan2-Mar-11 23:24
musefan2-Mar-11 23:24 
QuestionIndian rupee sign in web page Pin
Rounak Hasan16-Feb-11 18:25
Rounak Hasan16-Feb-11 18:25 
AnswerRe: Indian rupee sign in web page Pin
Manfred Rudolf Bihy16-Feb-11 23:36
professionalManfred Rudolf Bihy16-Feb-11 23:36 
GeneralRe: Indian rupee sign in web page Pin
Sunasara Imdadhusen17-Feb-11 2:17
professionalSunasara Imdadhusen17-Feb-11 2:17 
GeneralRe: Indian rupee sign in web page Pin
Rounak Hasan17-Feb-11 6:04
Rounak Hasan17-Feb-11 6:04 
GeneralRe: Indian rupee sign in web page Pin
Manfred Rudolf Bihy17-Feb-11 6:13
professionalManfred Rudolf Bihy17-Feb-11 6:13 
GeneralRe: Indian rupee sign in web page Pin
klixxx21-Feb-11 13:11
klixxx21-Feb-11 13:11 
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 

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.