image postitioning question for my site. help please

Evilreg · 30 Jul 2011 at 11:21

http://www.premierplantproducers.co.uk/feedback.html

hi guys the above link is to one of the pages im working on for my website.

i have been developing this site slowley in my spare time over the last few months.

you will see from the link that i have tried to place an image along side the feedback form in firefox and ie7 this displays fine but for some reason when i look at this in safari or google chrome it pushes the form right next to the image and it looks a bit gash.

i have tried to play around with the margins on the image with little sucsess any pointers in the right direction would be very much appreaciated.

thanks in advance

evil

Sherbs · 30 Jul 2011 at 11:30

Use a browser reset like:

http://developer.yahoo.com/yui/reset/.

Clean up your code:

http://validator.w3.org

&

http://jigsaw.w3.org/css-validator/

Once your bug free then we can talk

Evilreg · 30 Jul 2011 at 11:43

hmm
thanks for those links looks like i have a few things to sort out there
looks a little complicated

thanks for the help il look into it further

Sherbs · 30 Jul 2011 at 12:01

Normally its badly written CSS and X/HTML that cause issues in browsers.

Evilreg · 31 Jul 2011 at 09:00

so i have used the validators and fixed most of my poor coding im down to just one last error that i think is somthing to do with the flash file i have used for the header animation but unsure as how to fix it i intend to change it to jquery at a later date but wanted to finish the rest of the site off first.

im still experiencing the same problem from the origional post safari and chrome will not display a gap between my form (which is also now in a containing div) and the displayed image.

for now i am going through the rest of the site clearing up any mark up problems then il look at the css validation.
1. Error Line 106, Column 380: there is no attribute "onload"

…v-bar_01.gif" alt="Home" name="Home" border="0" id="Home" onload="" /></a></td>

✉

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.