comments in line On 8 February 2012 23:28, tom12010 <[email protected]> wrote:
> > > On Feb 8, 4:50 pm, Sam Sherlock <[email protected]> wrote: > > 1) this is applied to navbar-inner - (this should show in ie7/8/9 it does > > for me) > > > > progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', > > endColorstr='#222222', GradientType=0) > > I found this -- but how to turn it off?? > Commenting it out is the only thing I can think of but that breaks > upgrades, I will try replacing it with a white filter. > > > removing it makes it white. > > > > dont apply the following mixin if your using less > > > > #gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground); > > not using less yet!! :) > less gives you more :) looking at the less files may help you understand the css eg the gradient mixin sub divides into horizontal, vertical radial etc so the above line creates the following (with the vars in place) background-color: mix(@startColor, @endColor, 60%); background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+ background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+ background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(top, @startColor, @endColor); // The standard background-repeat: repeat-x; filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down its a shortcut that outputs css with browser specific prefixes - also since the less has comment notes reading the less can give you a deeper understanding of what some of the more obscure css does so removing the corresponding css from the bootstrap.css file removes the navbars gradient background (when you may have been looking for background or background image - you might not think to remove the filter thing) the first background-color makes a solid color mixing the start and end for older browsers which will discard the background-image rules that follow since browsers ignore what they dont understand the background-repeat stretches the gradient horizontally > > 2) max-width: 100% is causing the issue > > max-width is spec'd where???? I will search bootstrap.css and the > responsive css file. > its in the bootstrap.css its applied to img - this is to aide responsive setup AFAIK .navbar .logo { max-width: none; } http://reference.sitepoint.com/css/max-width > > This is Bootstrap 2.0 -- I should have said this to begin with... > > People should start saying which version they use -- but usage of the > phrase "navbar" should be the tipoff. > Navbar is the new name in Bootstrap 2.0 for topbar in 1.x. > > Thank you, Tom yep I got that :) 1.x is old hat also I have found that less.js is not working as expected (I can't get the bootstrap file to process with the js clientside) using nodejs/less on windows can be a pain (node is wonderful but I success on ubuntu not windoze) lessphp which can be used to process bootstrap files now I found to be much easier - for me at least but then I have php setup on ubuntu/windoze I have a love/hate relationship with css less manages to ease the negative aspect of css for me (actually I was into compass and sass before but I am not that into using ruby though it is cool) http://leafo.net/lessphp/docs/ http://compass-style.org/
