CSS Showing small box in page - html

In my question form page, small boxes are display , i dont know what is that ,
how it is displaying ,
I i remve the form tag, that that stupid small box are vanished,
Can u tell me , y small box are displaying.,
Thanks
link text
alt text http://img696.imageshack.us/img696/7421/questionformprobl.jpg

in which browser do you see these 'small boxes'?
In IE6 en IE7 it looks fine.
regard,
Stijn

If you are referring to the slightly irregular white space in your bottom image:
alt text http://qa.ukatn.com/totallydriven/images/lonsky.gif
those are in the image, they don't come from CSS.
I can't see anything else wrong with the page (Firefox 3.6, IE8, Windows 7).

Related

Strange behavior of a dotted list under some text in Chrome

I have a strange behavior with a dotted list under a text. The problem appear only with Chrome browser (I have tested it also with Firefox and IE and this problem not present)
If you open this example link using Chrome you simply understand what is the problem: http://onofri.org/example/example3/test2.html
Under the Main Report box there are 3 boxes. The problem appears into the third box named Work Supported by Japanese Trust Found
Ad you can see under the informative text there is a list of links.
The problem is that if I open it with Chrome browser the dot of the first li element appear on the right of the link and not on the left !!!
Why? What is the problem? How can I solve it?
Tnx
Andrea
It's because <p id="smaller"> is set to float:left. Set it to float:none.
It is because the text above Our work is supported... has the style float:left - if you delete this style it will work as expected. Hope this helps.

Text on website moves in firefox

I have almost finished my portfolio page , but on one of my pages I have a error when displaying on firefox , on the http://www.jn-design.co.uk/about.html page the skills section on the right has moved a paragraph of my text (The cv lines). This is not a issue within any other browsers , just firefox!
Any help would be greatly appreciated!
It actually looks fine in Firefox but is broken on Chrome. Anyway, try adding a "clear: both" style to the last paragraph that contains the cv lines.

HTML/CSS: Button aligning bottom when no text?

I have a strange problem with buttons that are next to an input field, it seems to be stuck to bottom, and I can't find why or how to modify it.
My intention is to put a background image only. In order to identify the button for this question I've added string Text to one button and saw that this problem disappeared.
Problem is that I don't want any description there, IE 8 shows it fine (surprisingly). I'm working on Firefox last version.
I appreciate any help.
http://jsfiddle.net/bmGb5/
Screenshot: http://www.imgx.gxzone.com/images/a/9/a971c01a223.jpg
Thanks a lot.
Try specifying a vertical-align style on the button. bottom will probably work best.
Use margin-top{} and margin-bottom{} respectively.

Font disappearing on click in IE9 (Custom font, no Javascript on page)

You can see the issue here:
http://referrals.users34.interdns.co.uk/
It works in all other browsers, it is using a custom font that is being generated by PHP (Base64 encoded). There is no javascript included on that page and the text seems to be just changing colour. However, not all the text with that custom font is disappearing, only the body text and the text above the table (Well, most of it). The navigation and grey text stays the same.
I am using the reset CSS:
http://meyerweb.com/eric/tools/css/reset/
I have tried Googling but couldn't find anything.
If anyone could help that would be great as I have absolutely no idea what is happening!
UPDATE: Happens in IE8 too.
Regards,
Connor
the culprit is color: transparent from div:focus in style.css (line 59)
when you click the text, IE is giving the focus to the div you click on which makes the text transparent per the style above.
you can remove that style or set the color explicitly for the elements that disappear.

Text Input Boxes very small in IE but not firefox

I am testing some elements for use in a web page and when using text input boxes it displays correctly in Firefox but when I looked at it in IE the text boxes were unreadably small.
I have linked screeenshots to more clearly explain what I am talking about.
Any ideas why?
Text Boxes in IE
Text Boxes in Firefox
That's weird. I assume you just used:
<input type="text" name="test" value="" />
?
If so, it must have something to do with your CSS file because the HTML will never change.
Try opening your page in Firefox and use FireBug to see the layout properties of the textbox. I guess somewhere you set the font-size to something really small.
Often there are inconsistencies between FireFox, Chrome and (mostly) IE in the way they interpret CSS tags.
It could help if you'd post a link to your webpage so we could check your HTML/CSS code.