Zpbtqxwoxwzvg
New Member
It's a tab menu of css. I tried to write a long name in one tab so its out its position you can check the images on following links:This is the orignal one:
When I changed in css
\[code\].tabs {width:100%;overflow:auto;}.tabs li {float:left;padding-right:1px;}.tabs .end {padding:0}.tabs a {display:block;width:66px;font-size:13px;line-height:31px;color:#fff;text-transform:uppercase;text-align:center;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;behavior:url(js/PIE.htc);position:relative;background:url(../images/tabs_bg.gif) bottom repeat-x #3081c8;text-decoration:none;p}.tabs a:hover, .tabs .active {background:url(../images/bg_form.gif) repeat}.tabs_cont {border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;behavior:url(js/PIE.htc);position:relative;background:url(../images/bg_form.gif) repeat;padding:30px 35px 28px;width:1000px;height:500px;}\[/code\]and this is the HTML\[code\] <ul class="tabs"> <li><a href="http://stackoverflow.com/questions/15598060/#" id="changeText">inclusive Class</a></li> <li><a href="http://stackoverflow.com/questions/15598060/#" id="changeText2">inclusive Class</a></li> <li><a href="http://stackoverflow.com/questions/15598060/#" id="changeText3">inclusive Class</a></li> <li class="end"><a href="http://stackoverflow.com/questions/15598060/#" id="changeText5">inclusive Class</a></li> </ul>\[/code\]Please any one help me out how to look its original bit with long text?