css - HTML input with nested img layout bug on IE8 -


i'am having problems ie8 , html/css =/

the code works fine in chrome, ie9, mozilla , safari. on ie8 ugly:

enter image description here

i've tried lot of things no results. seams problem padding...

html:

<div class="titulodastelas"> <span id="maincontent_labeltitulotela">test</span> <span style="font-size: x-large">|</span> <div class="buttons">  <input name="ctl00$maincontent$textboxfiltro" type="text" maxlength="100" id="maincontent_textboxfiltro" title="" class="textbox300">  <input type="submit" name="ctl00$maincontent$buttonpesquisar" value="pesquisar" id="maincontent_buttonpesquisar" class="regular">  <input type="button" id="pesqavancada" value="" class="buttonpesqavancada" title="">  <img id="maincontent_imagepesquisaavancada" class="imgpesqavancada" src="../../include/imagens/down.gif" alt="pesq.avançada">   <input type="submit" name="ctl00$maincontent$buttonexportarparaexcel" value="exportar" id="maincontent_buttonexportarparaexcel" title="" class="positive"> </div> </div>

css:

.buttons {     margin: 0 0 10px;     display: inline-block; }  .buttons input[type=submit], .buttons input[type=button] {     border-right: 1px solid #dedede;     border-bottom: 1px solid #dedede;     display: inline;     float: center;     background-color: #f5f5f5;     border-top: 1px solid #eee;     border-left: 1px solid #eee;     font-family: "lucida grande" , tahoma, arial, verdana, sans-serif;     font-size: 12px;     line-height: 130%;     text-decoration: none;     font-weight: 700;     color: #565656;     cursor: pointer;     margin-left: 5px;     margin-right: 0;     margin-top: 10px; } .buttons input[type=submit], .buttons input[type=button] {     width: 150px;     overflow: visible;     padding: 4px 10px 3px 7px; }  .buttons button[type] {     line-height: 17px;     padding: 5px 10px 5px 7px; } :first-child + html button[type] {     padding: 4px 10px 3px 7px; } .buttons button img, .buttons img {     border: none;     width: 16px;     height: 16px;     margin: 0 3px -3px 0 !important;     padding: 0; } input[type=submit].positive, .buttons a.positive {     color: #529214; } .buttons a.positive:hover, input[type=submit].positive:hover, .buttons input[type=button]:hover {     background-color: #e6efc2;     border: 1px solid #c6d880;     color: #529214; } .buttons a.positive:active {     background-color: #529214;     border: 1px solid #529214;     color: #fff; } .buttons a.negative, input[type=submit].negative, .buttons input[type=button] {     color: #d12f19; } .buttons a.negative:hover, input[type=submit].negative:hover, .buttons input[type=button]:hover {     background: #fbe3e4;     border: 1px solid #fbc2c4;     color: #d12f19; } .buttons a.negative:active {     background-color: #d12f19;     border: 1px solid #d12f19;     color: #fff; } input[type=submit].regular, .buttons a.regular, .buttons input[type=button] {     color: #369; } input[type=submit]:hover, .buttons a:hover, .buttons a.regular:hover, input[type=submit].regular:hover, .buttons input[type=button]:hover {     background-color: #dff4ff;     border: 1px solid #c2e1ef;     color: #369; } .buttons a:active, .buttons a.regular:active {     background-color: #6299c5;     border: 1px solid #6299c5;     color: #fff; }  .buttonpesqavancada, .buttons input[type=button] {     width: 6px;     margin-left: -6px;     z-index: 2; }  .imgpesqavancada  {     cursor:pointer;     margin-left:-20px;     z-index: -1px; }

serious don't know problem. help?

thanks

ok found problem. has de font of input. wrote "1" o input value , made same color of background. seams fine on browser.


Comments

Post a Comment

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

i need display gallery of photos. here template: @(photos: list[photo]) @title = { <bold>gallery</bold> } @main(title,"photo"){ <ul class="thumbnails"> @for(photo <- photos) { <li class="span3"> <a href="#" class="thumbnail"> <img src="@photo.path" alt=""> </a> </li> } </ul> } and here controller method: public static result getphotos() { return ok(views.html.photo.gallery.render(photo.get())); } and here photo bean : @entity public class photo extends model { @id public long id; @required public string label; public string path; public photo(string path, string label) { this.path = path; this.label = label; } private static finder<long, photo> find = new finder<long, photo>( long.class, photo.class); public static list<phot...
Read more

gmail - Is there any documentation for read-only access to the Google Contacts API? -

i want read-only access user's google contacts. there stackoverflow member wanted this, , received following answer : yes, there is, use https://www.googleapis.com/auth/contacts.readonly scope , "view contacts". this exchange reference read-only access google contacts can find using google. simply using access token obtained attempt read usual google contacts api (i.e. https://www.google.com/m8/feeds ) fails insufficient permissions. similarly, using google contacts api on new target fails 404 errors (for example https://www.googleapis.com/auth/contacts.readonly/default/full ). is there documentation anywhere on how use api, or permissible way access google contacts api full read-write access?
Read more

php - Controller/JToolBar not working in Joomla 2.5 -

relevant code: jtoolbarhelper::custom('savecategories', 'save', '', 'save', false, false); ... <input type="hidden" name="controller" value="easyblogcontroller"> according can dig docs , own previous questions, should call savecategories() function in easyblogcontroller . i've tried setting value easyblog , easyblog.php (file name) current easyblogcontroller (class name). clicking on save button refreshes page. not redirect, echo or var_dump test code put in savecategories() function. var_dump ing jrequest::getvar('controller') , 'task' return correct values. creating controller object , using $controller->execute('task'); works. the values going depend on location of controller trying call, , have couple options here. typically there controller in base folder of component (likely components/com_easyblog) in file called controller.php , class name inside ...
Read more