Ajax Tabs Content script- no resize, por favor ^_^

[richarawad]

What do you mean exactly? The only ways I see to get the tabs, the things that you click on, to be the same size (width, the heights are already identical) would be to have their text all be the same length or padded out with non-breaking spaces (&nbsp or be individually styled.

Is this even what you are talking about?

first of all , i have changed the .js script and had the tabs working on
mouseover, the second step is to add a css part in order to have the same
size for all tabs and not by adding   as a html , i want it standard and
the size must me the same whatever the length of the characters is ! is it
doable ? and then i want to have tabs like buttons , and when the mouse
is over the tabs will open ! i'll be working on , if someone can help me to
get the result faster , i will be grateful too ... Thanks for your interest guys!

[jscheuer1]

Actually, I didn't think that this could be done but, by adding the red style rules as shown, it seems to work out:

.shadetabs li a{
float:left;
width:160px;
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

and:

.contentstyle{
clear:left;
border: 1px solid gray;
width: 450px;
margin-bottom: 1em; padding: 10px;
}

[richarawad]

Actually, I didn't think that this could be done but, by adding the red style rules as shown, it seems to work out:

.shadetabs li a{
float:left;
width:160px;
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

and:

.contentstyle{
clear:left;
border: 1px solid gray;
width: 450px;
margin-bottom: 1em; padding: 10px;
}

Thanks a lot MAN , it really works ! so can i ask a new question ?
can we hide the content area until the mouse is over the tab ?
so tabs will look like buttons ????? and when the mouse is over or the
tab is clicked , the content area will be shown and the link will be loaded
inside ????? doable ?? THANKS for your help ! i highly appreciate that
Rawn!

[jscheuer1]

I don't have time at the moment to work this out but, it is certainly doable. It would help me, for when I get around to it, to know which way you want the content area to be:

1 ) A reserved space (blank until filled but without a border).

2 ) A space that pushes other content out of its way when being shown.

or:

3 ) A space that, when seen, covers other content.

[richarawad]

I don't have time at the moment to work this out but, it is certainly doable. It would help me, for when I get around to it, to know which way you want the content area to be:

1 ) A reserved space (blank until filled but without a border).

2 ) A space that pushes other content out of its way when being shown.

or:

3 ) A space that, when seen, covers other content.

OK thanks John ! .. anyways when ill finish i will upload the code
to the website !!!

[richarawad]

Hey Guys !! at : http://www.yahoo.fr there is an ajax script
it;s like content tabs , it 's really great and useful , i was trying to steal it
by getting all js and css files but it doesnt work ! is there any way ??
it doesnt work offline ? anyone can get it ???
Thanks anyways !

[LifeIsBeta]

Any idea why this won't work w/ Safari? Everything seems to work except the window size...the window won't resize, it is always the same size, and gets scrollbars.

Hmmm...just for kicks, I loaded the tutorial url up in Safari...the tabs there get resized. Odd. Must be something w/ my stylesheet. But it's working fine on all my other browsers both on PC and Mac.

Forget it...all fixed. had padding:10px; listed twice.

Thanks,
jH

[LifeIsBeta]

Ok, this is still in regards to this content script, but I have a slightly different question:

I see that a 'rev' is used to call in stylesheets/js that you'd like applied to the externally loaded .html pages.

Is that something that can be done elsewhere also? I'd like to use ThickBox or LightBoxGoneWild or iBox to pop up content. I'd like to be able to pop up the exact same external html files that I've already prepared for this Ajax Content script. However, those pages don't have stylesheets associated with them since I'm using the 'rev' tag.

Any solutions?