Form field not visible in IE8 - forms

I'm working on a website template and Internet Explorer is giving me a headache since I'm unable to display the search form field and button correctly. z-index in CSS is not doing much either.
By the way, how can I move the input area after the loupe icon?
Check the website here:
http://gabrielmeono.com/yonature/
Chrome:
In IE8:

Three things:
IE8 does not support border-radius, which is being applied to that field.
Your CSS references a file that's missing, border-radius.htc which is for adding rounded corners in "all major browsers other than IE."
You should be able to add a left padding value on the field to force the text further to the right. It may be safer to make a white, rounded container and position the search button and text field within it.
Edit: I was wrong; the border-radius (curved-corner) file should work for IE6-8.

Related

Text aligment cursor problem in user Input field (WIX sites)

I'm creating my own site on the Wix platform, and I met one problem. When I'm setting up text alignment to the right side, after starting typing, the cursor moves to the left side of the text, but I want to make it usual and keep it on the right side (with left and center text alignment it works fine). I can't find any setting in Wix, to fix this.
I don't think that I can add custom CSS code in WIX elements, but I can add some JS code there/
Cursor problem image
I would appreciate any help

Form Border Style is not properly displayed

This is one problem I can't understand. I'm using windows 10 and by default the form border should be displayed like this:
But for some reason or the other, my windows form app's form border is like this:
... despite the form border property is set to FixedSingle. I also tried the same with form border property Fixed3D but still it is of no use.
It would be great if someone could guide me about how this can be fixed and the reason my form's border is wired. Please download the images to get a clarity of what I'm asking.
NOTE
Fixed here means to get back the default form border.
I also use Bunifu Framework. However I don't know the relevance it has here
The image attached was taken during debugging

field separation during browser resize

I have this template I'm working on and it's resizeable from full screen to the width of an iphone. My contact form field is fine at full screen, but when I resize my browser, it seperates really bad and not sure how to fix this to keep the fields right under each other. I have a before/after here:
http://www.webauthorsgroup.com/before.jpg
http://www.webauthorsgroup.com/after.jpg

Dojo dijit.form.Select Validation Error Display

I am finding that in Dojo 1.7.3, setting required: true on a dijit.form.Select does not properly apply a red bordered error display to the Select as it does with other dijits such as FilteringSelect. If it is in an error state and has focus, it displays the tooltip, but it doesn't apply the red borders to the Select input.
Past answers I've seen regarding this are:
Select wasn't originally constructed to allow for validation, so it is missing the proper classes/divs in its template (such as for the red box with exclamation point), meaning you'd need to add your own CSS.
A blank value for a Select box isn't necessarily invalid.
I found this example page where a normal dijit.form.Select with required: true seems to work (almost) as expected. I say almost because it looks like it keeps its blue border with the red exclamation point box when it first loses focus and doesn't get the full red border until a secondary focus change (in Firefox, at least).
I haven't been able to discern anything in this example page that could be used to get the error formatting to work for dijit.form.Select. It does appear to be using Dojo 1.7.4, but I don't see anything in 1.7.4 release notes about the Select error display being fixed.
Has this not been considered a bug that needs to be fixed? Is there a way to easily apply the validation styles without having to mess with the dijit template?
Any help/ideas appreciated.
Thanks.
I think here is a relative link to a test file:
http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/form/test_Select.html

How do I prevent a font from extending off the top of a textbox?

I'm using a barcode font (IDAutomationMC39H) in an SSRS 2005 report I'm developing, and while it renders fine in the preview in BIDS, if I export the results to PDF, print the results, or do any of the above (including preview) in Report Manager, the barcode font is extending off the top of the textbox. The barcode itself is nearly 20px tall, even at only a 12pt size. I've tried changing the CanGrow value for the textbox, but it seems that even with that set off the barcode isn't pushing the bottom edge of the textbox downwards, it's simply extending over the top of the box. I've also tried resizing the textbox to allow it to contain the entire height of the font, but even with the VerticalAlign set to Bottom the barcode still sticks to the top of the textbox and overflows out the top.
See screenshot here:
http://imgur.com/JDC4Z.png
Does anyone know how to force the font to be bound by the top of the box, instead of overlapping it?
I tried with no real success to get font-based barcoding to work. Ended up getting the boss to pay for NeoDynamic BarCode Professional which works great and has a lot more flexibility than fonts.