Hey there,
My partner initiated a topic on this subject a while back, but I haven't seen anything happen with it, so I am starting a new one.
The problem is this:
We would like to add image icons to each of the tabs instead of text. He had tried a solution involving pseudo classes, but it would only work in FireFox. Does anybody have any insight for a cross browser method which will allow us to place icon images on the tabs instead of text?
We have a widget on a sandbox section of our site at www.stoked dot org/text-hierarchy
Any help or insight you can provide would be GREATLY appreciated.
Thanks,
RC
1
Add Icon Images To Tabs Instead Of Text
Started by
Guest_Russell_*
, Nov 27 2012 12:26 PM
tabber images background formatting
3 replies to this topic
#2
Elise Alley
-
- Administrators
- Others: All Plugins, All Themes, Members, Moderators, Toolkit, Webdesign
-
- 3,189 posts
iThemes Support
- LocationOklahoma City, OK
Posted 27 November 2012 - 01:24 PM
Hi RC,
Have you tried adding the image directly into the image title area? So you'd enter something like <img src="imagelocation.jpg">. Give that a try and then let us know how it goes.
Thanks,
Elise
Have you tried adding the image directly into the image title area? So you'd enter something like <img src="imagelocation.jpg">. Give that a try and then let us know how it goes.
Thanks,
Elise
#3 Guest_RC_*
Guest_RC_*
-
- Guests
Posted 27 November 2012 - 05:01 PM
Good idea-- thanks for the suggestion.
Unfortunately, while the icon DOES appear correctly when I use an <IMG> in the tab title, it breaks the tab functionality so that just the contents of the first tab stay up regardless of what tab you click. This is remedied when you replace the image with text. I tried to place a new div into the title, and then use the image as the background of that div, but that didn't fix it either.
Any ideas?
Thanks a ton...
RC
Unfortunately, while the icon DOES appear correctly when I use an <IMG> in the tab title, it breaks the tab functionality so that just the contents of the first tab stay up regardless of what tab you click. This is remedied when you replace the image with text. I tried to place a new div into the title, and then use the image as the background of that div, but that didn't fix it either.
Any ideas?
Thanks a ton...
RC
Reply to this Topic
ATTENTION
If this topic is marked RESOLVED or INFORMATION, or if you are NOT experiencing EXACTLY the same issue, please start a new topic to provide the details of your problem. If the solution provided doesn't work for you, you should start a new topic. If you feel this thread contains relevant information, you may include a link to it in your new topic. To ensure that we can process your support request efficiently, ALWAYS include a link to your site, and/or the page your request is related to. When posting your question or request on the forum, please be as concise and specific as possible. The shorter and more to the point you can make your request, the better.
For BackupBuddy related issues, be sure to include the status log from your most recent backup.
CLICK HERE to start a new topic in the Tabber-Widget Plugin forum.
Also tagged with one or more of these keywords: tabber, images, background formatting
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
