PDA

View Full Version : Tab Content Script (with left, right side)



Dennis_Gull
03-06-2007, 05:57 PM
Hey, I just installed this Tab Content Script (http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm). I was just wondering if its possible to add a right and left side to each tab, I tried to use div tags but it didnt work (at least not the way I did it), I took some example pictures to show you what I mean:
First heres how it looks like now:
http://img409.imageshack.us/img409/7969/beforece1.gif
And heres how I would like it to look:
http://img254.imageshack.us/img254/4748/afterus9.gif

By the way, thanks for this script :)

codeexploiter
03-07-2007, 10:54 AM
I don't think I've understood your point completely are you refering to a state where each tab has space on left and right hand side?

Dennis_Gull
03-07-2007, 01:09 PM
Well I wanted to place an image on the left and right side of the shadeactive.gif so it would get corners.

Dennis_Gull
03-08-2007, 04:11 PM
So is it possible to do this? I've seen similar script (if not the same) using corners on the tabs, it looks quite good. :)

Dennis_Gull
03-13-2007, 10:26 PM
I got it to work with span tags, you can just put the tab text in span and then write this in the css:

.selected a span
{
padding-right:10px;
background: url("selectR.gif") right top no-repeat;
}

although I had some problem to get them to align in IE so had to make an IE only css file.