sloppy webpage

[Eyetekk]

:hmmmm: My web pages look ok, in fact people have said that they look really good, BUT..... (always a but... sigh) If I resize my window.. everything moves about on my page.. as in I cannot get my images to stay fixed like everyone else.. or my tables for that matter. Almost like everything on my page clutters in as not to miss out on the small window size. How the H.E double Hockey sticks do I stop that from happening.:confused: Please help:D :D :D <br> ............. errrrm can ya tell I am a newbie to this?

[Eyetekk]

:hmmmm: My web pages look ok, in fact people have said that they look really good, BUT..... (always a but... sigh) If I resize my window.. everything moves about on my page.. as in I cannot get my images to stay fixed like everyone else.. or my tables for that matter. Almost like everything on my page clutters in as not to miss out on the small window size. How the H.E double Hockey sticks do I stop that from happening.:confused: Please help:D :D :D <br> ............. errrrm can ya tell I am a newbie to this?

[Phil]

Try to view your pages at different resolutions.
When everything is getting funky on my pages, I look at the pixel sizes (width especially) of different things like Table cells.
Post a URL, maybe that could give a better idea of what your doing.

[DCElliott]

We can get one of the HTML priests here to tell you how many web original sins you have committed. :p.

When posting, alway include code examples or a URL so we can rag on you in detail . . .

[bosswana]

How about a site and we can have a look see at the coding:D

[Zero Angel]

Use the width="???" attribute for your tables. Be sure to specify as an actual width (in pixels) rather then a percentage.

[axeman]

This may be slightly off topic, but I uploaded a site a while back and it looked fine, but I started getting calls that the text was overlapping my buttons, and it took a while to figure out that somehow the text size had been set to smallest on my web browser as opposed to medium.

The lesson here - get other people to test your site on their pc's (pref' with different browsers and os's) before you go live...

By the way, does anybody know how I can get one of those avator thingies...?

[Zero Angel]

Make or edit an 80x80 picture, upload it to a server (not a free commercial server like Geocities), go into options (where it says avatar) and link to that picture.

As far as your text problem goes...when your working with fixed areas (ie: TOC, where text *must not* be resized), its best to use CSS to specify an absolute font size [ie-- font-size: ??px ]

[biomedtom]

could I see your site, maybe I can offer a suggestion. tables can be confusing at first when your just starting out. One thing that might help you a little is my best friend. Its a book called "Instant HTML" published by WROX. it's a great reference in an easy lay-out. it has helped me pull a few tricks out of my butt on more than one occasion.

[joeyford1]

Here you go! Im new to these forums but since im a Java(tm) programmer (I post in the forums.java.sun.com forums BTW) I run into the same problems when I design my GUIs. Here is what you do.

use abolute values when you specificy your width and height of your tables, etc...

so... instead of using WIDTH="80%" use WIDTH="500"

that 500 is in pixels.

but just like java if you specify absolute values, people with a lower resolution than you will have to scroll to see all the content in your tables and people with a higher resolution, your HTML objects look funny (Ie, Smaller!!!!) This works for frames and just about anything else that you have to set the width and/or height.

if you need more help email me at powerjavacoder@yahoo.com

[Zero Angel]

There is other HTML and CSS 'tricks' you can use to fix the width of certain elements. For example, there is one trick where you create a transparent gif file and insert it into a page.
<br><img src="images/spacer.gif" width="600"><br>This will forcibly prevent your table from getting smaller then 600 pixels in width.

There is also the CSS min-width attribute that might be worth looking into.

It would help if we could actually see your code so we could find out where you went wrong.

Hope this helps!
~David :D

[MikeParent]

Need.... code...
:-)

[djwixx]

If you want to test how your page looks at different resolutions try

http://www.bcr.org/~msauers/restest.html
or
http://www.anybrowser.com/ScreenSizeTest.html

Another useful tool for viewing and borrowing code that you like is I.E. Booster at http://www.paessler.com

All free.

One simple thing I found made a big difference is making sure you specify width="nn" height="nn" for images. It improves the placement and page load times, as the browser spends less time thinking what to do.