I’ve already posted this question in another thread but I didn’t receive any answer. I’m trying then to repeat it in a new thread.
I just want to give a different color to the tab in use. In “Edit/Styles” I defined a style with the Tag - ‘.tab’ (and no Name) with a default background color for the tabs and another style with the Tag - ‘.active’ (and no Name) with a different background color that is supposed to be applied to the active tab. Then I selected each tab and in “Item/Extended/
” I defined Name:class and Value:tab.
At this link below, I uploaded a zip file containing two small folders.
Both with a very simple freeway file, one done with Carousel in FW 5.5 and the second done with Carousel2 in FW 6. Both have the same elements, the same settings and were created the same way and both are working fine. Well, I’ve already lost many hairs trying to figure out why in that one done with Carousel in FW 5.5 the colour changes occur, indicating the active tab and in the one done with Carousel2 in FW6 this doesn’t happen, like it is not recognising when a tab is active.
I will be very grateful to anyone who can help me.
It would be more useful if you could post a link to the two pages showing the difference, not the entire Freeway document. There is a subtle difference in how Carousel 2 adds the styles. It uses the same name (.active) but it applies to a different element. I can’t recall off-hand, but I think the .active is applied to the image in Carousel, and to the link around the image in Carousel 2. So if your background color was set on the image, and then you changed the background color on the link around the image to indicate the current image, the color on the image would entirely cover (and mask) the color on the link. So try this and see if it helps:
.active img { background-color: transparent }
See if that, along with the two other styles you defined, makes the correct “hole” for the color to shine through. If that doesn’t do it, then make it even more specific:
.active img.tab { background-color: transparent }
One of those should do the trick.
Walter
On Jul 8, 2013, at 4:59 PM, Newton wrote:
I’ve already posted this question in another thread but I didn’t receive any answer. I’m trying then to repeat it in a new thread.
I just want to give a different color to the tab in use. In “Edit/Styles” I defined a style with the Tag - ‘.tab’ (and no Name) with a default background color for the tabs and another style with the Tag - ‘.active’ (and no Name) with a different background color that is supposed to be applied to the active tab. Then I selected each tab and in “Item/Extended/
” I defined Name:class and Value:tab.
At this link below, I uploaded a zip file containing two small folders.
Both with a very simple freeway file, one done with Carousel in FW 5.5 and the second done with Carousel2 in FW 6. Both have the same elements, the same settings and were created the same way and both are working fine. Well, I’ve already lost many hairs trying to figure out why in that one done with Carousel in FW 5.5 the colour changes occur, indicating the active tab and in the one done with Carousel2 in FW6 this doesn’t happen, like it is not recognising when a tab is active.
I will be very grateful to anyone who can help me.
In fact, it didn’t work that way, but you opened my mind and I tried some other settings.
Instead of define ‘Name: class and Value: tab’ in “Item/Extended/
”, I defined these attributes in “Item/Extended/ ” for each tab. Then in “Edit/Styles” I defined a style with the Tag - ‘.tab’ (and no Name) with a default background color for the tabs and another style with the Tag - ‘.active img’ (and no Name) with a another background colour. Now it WORKS!!
Newton
On 9 Jul, 2013, at 24:09 , Walter Lee Davis email@hidden wrote:
It would be more useful if you could post a link to the two pages showing the difference, not the entire Freeway document. There is a subtle difference in how Carousel 2 adds the styles. It uses the same name (.active) but it applies to a different element. I can’t recall off-hand, but I think the .active is applied to the image in Carousel, and to the link around the image in Carousel 2. So if your background color was set on the image, and then you changed the background color on the link around the image to indicate the current image, the color on the image would entirely cover (and mask) the color on the link. So try this and see if it helps:
.active img { background-color: transparent }
See if that, along with the two other styles you defined, makes the correct “hole” for the color to shine through. If that doesn’t do it, then make it even more specific:
.active img.tab { background-color: transparent }
One of those should do the trick.
Walter
On Jul 8, 2013, at 4:59 PM, Newton wrote:
I’ve already posted this question in another thread but I didn’t receive any answer. I’m trying then to repeat it in a new thread.
I just want to give a different color to the tab in use. In “Edit/Styles” I defined a style with the Tag - ‘.tab’ (and no Name) with a default background color for the tabs and another style with the Tag - ‘.active’ (and no Name) with a different background color that is supposed to be applied to the active tab. Then I selected each tab and in “Item/Extended/
” I defined Name:class and Value:tab.
At this link below, I uploaded a zip file containing two small folders.
Both with a very simple freeway file, one done with Carousel in FW 5.5 and the second done with Carousel2 in FW 6. Both have the same elements, the same settings and were created the same way and both are working fine. Well, I’ve already lost many hairs trying to figure out why in that one done with Carousel in FW 5.5 the colour changes occur, indicating the active tab and in the one done with Carousel2 in FW6 this doesn’t happen, like it is not recognising when a tab is active.
I will be very grateful to anyone who can help me.