html - Override CSS Wildcard for half of page -


i running issue theme i'm trying integrate has css wildcard selector applied entire site. problem breaks previous form elements.

please see image reference of problem: bad: http://i.imgur.com/mkkrbpd.png

this like: good: http://i.imgur.com/sj4sbtn.png

to achieve look, change 'box-sizing' content-box. problem wildcard continuously being applied entire page supersedes it, believe.

question #1: can please show me how apply content-box 2 boxes on 1 page?

question #2: kind of on point 1 - must apply 2 boxes header , entire rest of site rely on box-sizing: border-box

here live example: failed problematic section, think...

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 

please take gander @ live example , let me know change fix issue. can see things i've tried in there , none have worked yet. have eternal gratitude , blade in battle if can solve this.

have class .collapsiblepaneltab background img width 660px , you've define width:647px. make sure width eqaul background image width.

here css code

.collapsiblepaneltab {     font: normal 21px arial;     text-transform:uppercase;     background-color: #fff;     border-bottom: solid 0px #ccc;     height: 40px;     margin: 10px 0 0;     padding-left: 10px;     padding-top: 13px;     width: 660px; /*change 647 660px*/     -moz-user-select: none;     -khtml-user-select: none;     background-image: url("http://i.imgur.com/6wgrmmk.png");     background-repeat: no-repeat;     color: #000000; } 

side note: using -khtml-user-select: none; thats used older version. target latest version of chrome , safari must use -webkit prefix. read more @ mdn.


Comments

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -