Tabbed Content / Posts /

Style tabs to have same width

18
I am attempting to make all of these tabs the same width but the style is not applying to the tabs. I am setting a width of 200px to ul.tabs li a {} and it will not change the width. Is it possible to get all of the tabs to look exactly the same?
Nikki  4 years ago   viewed: 8124    

5 Answers

0
hi..
can i add this source to blog? like blogger, and how to add this source to the post?
thank you very much
ian nicky
  3 years ago
0
If the blogger allows you to link external JavaScript files, or allows you to embed <script>...</script> and <style>...</style>, then you can add this widget to your post.
Natalia   3 years ago
0

Hi,

Can I get different width for each tab?

bey   2 years ago
0

By default it has different width according to the length of the link text.

Milo   2 years ago
-1
You can get it by the following update to the tabcontent.css file:

(Assume you want all the tabs having the same width of 80px)
ul.tabs { padding: 0; } ul.tabs li a { display:inline-block; *display:inline;/*for old IE*/ width:80px; margin-bottom:-1px; }

I didn't test it in all browsers. Please try it out and let me know if you have any issues with it.
milo
  4 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: