How do I ensure that my images and spacing of text stays the same in different browsers?

Question

I am still kind of new at all this website stuff. I am working on a website and I have been making sure that it looks right in Internet Explorer. When I view it in Firefox my text is right next to my images. I have been using the H and V space but it seems it doesn't work in Firefox. How can I ensure that it will still look the same way in Firefox as in Explorer?

Answer 1

hey Tara,



Every browser renders the code in there own way so if u check ur webpages in different browsers u might get different outputs :(



so u need to define all ur html content in CSS so they should look exactly the same in all the browsers...



im not having the link for the pages u created so not sure but u might using something like this..



text goes here...



so if u can acheive this by giving image either float property or align property float can be defined in CSS and align as inline tag.



rest u can refer w3schools for more HTML and CSS coding :)



cheers!!!

Answer 2

You are using outdated coding. If you are serious about making a web page, learn the latest HTML tags and CSS:



Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design



CSS Tutorials:



http://www.w3schools.com/Css/default.asp

http://www.csstutorial.net/

http://www.echoecho.com/css.htm

http://www.html.net/tutorials/css/

http://www.w3.org/Style/Examples/011/firstcss



http://htmldog.com/guides/cssbeginner/

http://www.davesite.com/webstation/css/

http://www.htmlcodetutorial.com/character_famsupp_193.html



Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

Answer 3

you should place it making use of a divider...

insert text cloth here1c489dbe8d9c62d676706d7685cce6c0 it would make issues slightly extra complicated.