![]() ![]() What ralph.m said about setting the exact width in pixels seems to work, but I had to change it up a little so it didn’t blow up in my face. I did what Stomme poes said and stripped the size=“18” out of the since it has nothing to do with styling and only content. Though, if you use px, you might wanna test how the form behaves if the user needs to do text-enlarge and/or zoom. So, HTML size attribute to give hints to users on what kind of content goes in there… CSS, most likely in px units for setting hard, stable widths. is likely to be the most I’d receive), so I’ll doĪnd then I’d still go ahead and check in Opera and Chrome on two OSes to make sure I’m not still in some danger of cutting off characters unnecessarily. So if I’m looking for a middle initial, I might get at most 6 characters (someone may have more than one middle initial, and they may separate them with dots, so M.K.L. Since the size attribute is linked to user font sizes, and esp since Opera makes input incredibly retardedly tiny compared to other stuff on the page, I take how many characters I’m expecting at most and add 2 or 3 to that to get my size. So I use it to give users a hint hint nudge nudge on approx how much data I’m expecting them to give me. So size, if it’s sitting in the HTML, should be related to the content, not the styling. Getting users to fill in forms with the right information in the right format in the right field, the FIRST time, is herding cats, since the moment someone sits down behind a computer and starts filling out a form, their IQ automatically drops by 10 points, even if they are a rocket surgeon. Here’s what size is good for: when you need to suggest to the user what kind of data you’re expecting. Ralph’s example using px in CSS is indeed the only hope you have of making something the exact pixel-width in all browsers, so for making things “look” the same, I’d use that. I’d advise not using “size” attributes for stylistic size settings. ![]() That size is based on a user default font setting, which means it’ll be different per browser/OS/user. If there are any serious, glaring problems someone can see with my markup or styling I would appreciate any advice. I tried to keep the markup and styling as simple as possible and streamlined as possible so it downloads superfast. Is there a way that I can have the text boxes the same size (width) across ALL browsers? same thing goes for the LOGIN button, 6px wider in chrome/opera when compared to firefox/IE8/Safari I would like the “sign_in” div to be the same width for all browsers so that it aligns nicely down the right side with the rest of the content for the page This is strange since I specified ’ size=“18” ’ for the is 14 px wider in chrome/opera when compared to firefox/IE8/Safari ![]() Looks good in firefox/IE8/Safari however… However, my boss asked if I could do HTML/CSS and I replied, “sort of.” I am still developing fixed layouts since my skills in HTML and CSS are minimal. I got a job doing PHP and Ruby a while back. It has been a while since I have had to work with CSS. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |