my problem is that i have a table in a frame that is basically a long line of thumbnails in <td>'s. at the end of it there's a navigation thats generated by a php script.its supposed to look like this<br />
<<PREV 1 2 3 NEXT>> . the problem is that when its too close to the end of the frame, it squishes it all up and makes the numbers do crazy things. i'd rather it just add a scroll bar and keep its intentional shape than do that. how would i go about forcing it to display the way i want it to? i'd appreciate any help. thanks again<!--content-->Some source code would help you get a quicker reply. Can't help with just the description of the problem, sorry.<!--content-->some code would be nice.<!--content-->well i can't really show the code cuz its a good amount of php that generates it, but if you go to <!-- m --><a class="postlink" href="http://www.ipwnj00.net/pics/RandomPics.php3">http://www.ipwnj00.net/pics/RandomPics.php3</a><!-- m --> and resize your window until it starts altering the layout of text, you'll see what i mean. i'd like to make it to where the text stays the same, no matter what size the window is or how much room is left. again, thanks for the help.<!--content-->that is what we want, we don't care about the php side of things as the html is what is generated.<br />
<br />
ok, with that said you have a lot of issues. <br />
<br />
1) you have style tags outside of your head tags, can't have that. all style attributes must be between the head tags.<br />
<br />
2) you never defined your table. if your table is just a tag as you have it then it will do what you see it doing. you need to had a bunch of stuff to it.<br />
<br />
<table cellpadding="0" cellspacing="0" width="750"> <br />
<br />
or you can define the width in the table cells.<br />
<br />
also you have invalid nesting<br />
<br />
<center>C-Lo</a></center><br />
<br />
that is all wrong. take the opening center tag and place it before the anchor tag.<br />
<br />
<center><a href=http://www.htmlforums.com/archive/index.php/"...">C-Lo</a></center><br />
<br />
like that.<br />
<br />
but the overall problem will be fixed if you gave the table a set width.<br />
<br />
plus if you click on a picture it errors out in your javascript.<!--content-->ok thanks a lot. the problem was that i had taken some php code from another source and added some of my own, and didn't notice those errors in the html. i didn't see that i forgot to open with opening <head> tag (if you look i have the closing tag, but forgot the opening tag.) sloppy programmin. anyways thanks for pointing them out. and yeah the javascript function produces an error because its supposed to open the picture in a frame above it in the actual page, but all that was irrelevant so i sent you to just the RandomPics.php3. thanks again for the pointers.<!--content-->Work through this error list: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ipwnj00.net%2Fpics%2FRandomPics.php3&charset=iso-8859-1+%28Western+Europe%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --><br />
<br />
<br />
Add type="text/javascript" to every <script> tag.<br />
<br />
<br />
Add a type="text/css" attribute to every <style> tag.<br />
<br />
<br />
Remember to "Quote" all attribute values, especially all "#FFFFFF" colors, all URLs, all "50%" sizes, and any other attribute value that contains anything other than a simple "A" to "Z" or "0" to "9" value. In HTML 4.01 it is recommended to quote all attribute values.<br />
<br />
<br />
Hide any closing tags like '</td>' that are within document.write statements by either breaking them open '</' + 'td>' or by escaping them <\/td> and the validator will no longer complain about these closing tags. It is important to break directly after the / and not the middle of a word.<br />
<br />
<br />
Sort out the nesting errors, like those that Scoutt mentioned above.<br />
<br />
<br />
<br />
The four margin errors can be replaced with a little bit of CSS code instead. Put this in a text file, with a name ending in .css:<br />
<br />
body {<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
<br />
<br />
You should export the CSS to an external file and call it with instructions in the <head> section of the HTML file. Most people use this one, but it can cause problems:<br />
<br />
<link type="text/css" rel="stylesheet" src=http://www.htmlforums.com/archive/index.php/"/path/file.css"><br />
<br />
It is better to use this slightly longer version of this, again placed in the <head> section of the HTML file:<br />
<br />
<meta http-equiv="Content-Style-Type" content="text/css"><br />
<br />
<style type="text/css"><br />
@import url(path/file.css);<br />
</style><br />
<br />
This version hides the CSS from older versions of Netscape that cannot handle CSS. This stops those versions from displaying a corrupted page with overlapping elements.<!--content-->
<<PREV 1 2 3 NEXT>> . the problem is that when its too close to the end of the frame, it squishes it all up and makes the numbers do crazy things. i'd rather it just add a scroll bar and keep its intentional shape than do that. how would i go about forcing it to display the way i want it to? i'd appreciate any help. thanks again<!--content-->Some source code would help you get a quicker reply. Can't help with just the description of the problem, sorry.<!--content-->some code would be nice.<!--content-->well i can't really show the code cuz its a good amount of php that generates it, but if you go to <!-- m --><a class="postlink" href="http://www.ipwnj00.net/pics/RandomPics.php3">http://www.ipwnj00.net/pics/RandomPics.php3</a><!-- m --> and resize your window until it starts altering the layout of text, you'll see what i mean. i'd like to make it to where the text stays the same, no matter what size the window is or how much room is left. again, thanks for the help.<!--content-->that is what we want, we don't care about the php side of things as the html is what is generated.<br />
<br />
ok, with that said you have a lot of issues. <br />
<br />
1) you have style tags outside of your head tags, can't have that. all style attributes must be between the head tags.<br />
<br />
2) you never defined your table. if your table is just a tag as you have it then it will do what you see it doing. you need to had a bunch of stuff to it.<br />
<br />
<table cellpadding="0" cellspacing="0" width="750"> <br />
<br />
or you can define the width in the table cells.<br />
<br />
also you have invalid nesting<br />
<br />
<center>C-Lo</a></center><br />
<br />
that is all wrong. take the opening center tag and place it before the anchor tag.<br />
<br />
<center><a href=http://www.htmlforums.com/archive/index.php/"...">C-Lo</a></center><br />
<br />
like that.<br />
<br />
but the overall problem will be fixed if you gave the table a set width.<br />
<br />
plus if you click on a picture it errors out in your javascript.<!--content-->ok thanks a lot. the problem was that i had taken some php code from another source and added some of my own, and didn't notice those errors in the html. i didn't see that i forgot to open with opening <head> tag (if you look i have the closing tag, but forgot the opening tag.) sloppy programmin. anyways thanks for pointing them out. and yeah the javascript function produces an error because its supposed to open the picture in a frame above it in the actual page, but all that was irrelevant so i sent you to just the RandomPics.php3. thanks again for the pointers.<!--content-->Work through this error list: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ipwnj00.net%2Fpics%2FRandomPics.php3&charset=iso-8859-1+%28Western+Europe%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --><br />
<br />
<br />
Add type="text/javascript" to every <script> tag.<br />
<br />
<br />
Add a type="text/css" attribute to every <style> tag.<br />
<br />
<br />
Remember to "Quote" all attribute values, especially all "#FFFFFF" colors, all URLs, all "50%" sizes, and any other attribute value that contains anything other than a simple "A" to "Z" or "0" to "9" value. In HTML 4.01 it is recommended to quote all attribute values.<br />
<br />
<br />
Hide any closing tags like '</td>' that are within document.write statements by either breaking them open '</' + 'td>' or by escaping them <\/td> and the validator will no longer complain about these closing tags. It is important to break directly after the / and not the middle of a word.<br />
<br />
<br />
Sort out the nesting errors, like those that Scoutt mentioned above.<br />
<br />
<br />
<br />
The four margin errors can be replaced with a little bit of CSS code instead. Put this in a text file, with a name ending in .css:<br />
<br />
body {<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
<br />
<br />
You should export the CSS to an external file and call it with instructions in the <head> section of the HTML file. Most people use this one, but it can cause problems:<br />
<br />
<link type="text/css" rel="stylesheet" src=http://www.htmlforums.com/archive/index.php/"/path/file.css"><br />
<br />
It is better to use this slightly longer version of this, again placed in the <head> section of the HTML file:<br />
<br />
<meta http-equiv="Content-Style-Type" content="text/css"><br />
<br />
<style type="text/css"><br />
@import url(path/file.css);<br />
</style><br />
<br />
This version hides the CSS from older versions of Netscape that cannot handle CSS. This stops those versions from displaying a corrupted page with overlapping elements.<!--content-->