Tip: Click here to scan for System Errors and Optimize PC performance

October 5th, 2003, 11:16 am

If u go here http://www.geocities.com/bosconypd55/12345.html why can i get the pictures right next to each other??? heres the code i used

Code: [ Download ] [ Select ]

<a href="carTW55.JPG">
<img border="0" src="smcarTW55.JPG" width="162" height="101">
</a>
<a href="55davidpic.jpg">
<img border="0" src="sm55davidpic.JPG" width="162" height="101">
</a>

1. <a href="carTW55.JPG">
2. <img border="0" src="smcarTW55.JPG" width="162" height="101">
3. </a>
4. <a href="55davidpic.jpg">
5. <img border="0" src="sm55davidpic.JPG" width="162" height="101">
6. </a>

[ATNO/TW]

October 5th, 2003, 11:23 am

It's a goofy little quirk with the way the browsers parse it. Set it in a table like this:

Code: [ Download ] [ Select ]

<table align="center" width="330"> //change the width to whatever you need here -- even percentages like 100% to get it like you want - 330 is enough pixels to cover what you have so far
<tr>
<td>
<a href="carTW55.JPG">
<img border="0" src="smcarTW55.JPG" width="162" height="101">
</a>
</td>
<td>
<a href="55davidpic.jpg">
<img border="0" src="sm55davidpic.JPG" width="162" height="101">
</a>
</td>
</tr>
</table>

1. <table align="center" width="330"> //change the width to whatever you need here -- even percentages like 100% to get it like you want - 330 is enough pixels to cover what you have so far
2. <tr>
3. <td>
4. <a href="carTW55.JPG">
5. <img border="0" src="smcarTW55.JPG" width="162" height="101">
6. </a>
7. </td>
8. <td>
9. <a href="55davidpic.jpg">
10. <img border="0" src="sm55davidpic.JPG" width="162" height="101">
11. </a>
12. </td>
13. </tr>
14. </table>

October 5th, 2003, 11:34 am

Thanks, and do u know a code for this, ok i made a picture of how i want my pages and do u think u can code it for me.......here it is........ Its not straight or anything but i just want it like that, Thanks

[ATNO/TW]

October 5th, 2003, 11:48 am

Yes, pacsunpunk08, I do know how to write code to make it look like that, but it's my personal belief that I would be doing you an injustice to write that code for you. It's pretty much beginner level, and not to make you feel bad or anything, but if you need help with something like that, you really should take some time to study and try to learn.

Here is a place to get started:
http://www.w3schools.com/html/html_tables.asp

Understanding tables and how to write them is a key for structuring a website. I know all of us will help you along the way if you run into snags, but you should make an effort to do a little studying. When you get stuck, ask us and we'll help you through it. It's the only way you're really going to learn.

October 5th, 2003, 11:55 am

n/p thats ok, i'm trying to learn, but its kind of confusing with all the cells and i forget what most of the cell spacings mean all the other stuff but ya i'll learn, I need to too

[ATNO/TW]

October 5th, 2003, 12:00 pm

Yep -- believe me -- the feeling you have when you get it the way you want it the first time is worth the effort to try it on your own. Tables are one of the hardest things to understand...but once you understand them, you can design almost anything!

Keep us posted and please ask when you need help. And, btw...welcome to Ozzu. Feel welcome to tell us about yourself here:
http://www.ozzu.com/viewtopic.php?t=4

October 5th, 2003, 1:32 pm

ummmmm in eed help, what would i start out with??? I mean i don't think i need any cell spacing or cell padding,hummmmmm this is hard

[Bigwebmaster]

October 5th, 2003, 1:37 pm

Goto this link as ATNO/TW suggested:

http://www.w3schools.com/html/html_tables.asp

Actually read the whole thing over. Believe me it will help you if you work to understand that page. Also on the bottom of that page are many other links for different aspects of tables, you should check those out too.

October 5th, 2003, 1:52 pm

I just learned how to devide tables into rows and stuff

[ATNO/TW]

October 5th, 2003, 2:10 pm

Good for you -- that's a big step out of the way. Keep going!

October 5th, 2003, 2:13 pm

Hey on that site u gave me it only tells u about making them into rows and dividing them

October 5th, 2003, 5:02 pm

I got it!!!! here it is.................but the only problem is that i want the insdie of the boarder black can anyone help me with that???

Code: [ Download ] [ Select ]

<table border="1" bordercolor=000000>
<tr><td>sdfsdfdfs</td></tr>
<tr><td>
<table align="center" width="300">
<tr>
<td>
<a href="boz55faith.jpg">
<img border="0" src="smboz55faith.JPG" width="120" height="90">
</a></td>
<td>
<a href="NYPDFDNY.JPG">
<img border="0" src="smNYPDFDNY.JPG" width="120" height="90">
</a></td>
<td>
<a href="CollTW.jpg">
<img border="0" src="smCollTW.JPG" width="120" height="90">
</a></td>
<td>
<a href="FaithBosco55wall.GIF">
<img border="0" src="smFaithBosco55wall.GIF" width="120" height="90">
</a></td>
</tr>
</table>

<table align="center" width="300">
<tr>
<td>
<a href="vortex.jpg">
<img border="0" src="smvortex.JPG" width="120" height="90">
</a></td>
<td>
<a href="bf_falling.jpg">
<img border="0" src="smbffalling.JPG" width="120" height="90">
</a></td>
</tr>
</table>

<table align="center" width="300">
<tr>
<td>
<a href="half.jpg">
<img border="0" src="smhalf.JPG" width="120" height="90">
</a></td>
<td>
<a href="bozwetrust2.jpg">
<img border="0" src="smbozwetrust2.JPG" width="120" height="90">
</a></td>
<td>
<a href="blues.jpg">
<img border="0" src="smblues.JPG" width="120" height="90">
</a></td>
</tr>
</table>

<table align="center" width="300">
<tr>
<td>
<a href="fdnywp2.jpg">
<img border="0" src="smfdnywp2.JPG" width="120" height="90">
</a></td>
</tr>
</table>

<table align="center" width="300">
<tr>
<td>
<a href="thirdwatchmenwallpaper.JPG">
<img border="0" src="smthirdwatchmenwallpaper.JPG" width="120" height="90">
</a></td>
<td>
<a href="thirdwatchladieswallpaper.JPG">
<img border="0" src="smthirdwatchladieswallpaper.JPG" width="120" height="90">
</a></td>
<td>
<a href="thirdwatchjimmydohertywallpaper.JPG">
<img border="0" src="smthirdwatchjimmydohertywallpaper.JPG" width="120" height="90">
</a></td>
<td>
<a href="ThirdWatchHerosFirefightersWallpaper.JPG">
<img border="0" src="smThirdWatchHerosFirefightersWallpaper.JPG" width="120" height="90">
</a></td>
</tr>
</table>

<table align="center" width="300">
<tr>
<td>
<a href="ThirdWatchHeroesNYPDWallpaper.JPG">
<img border="0" src="smThirdWatchHeroesNYPDWallpaper.JPG" width="120" height="90">
</a></td>
<td>
<a href="ThirdWatchMauriceBoscorelliWallpaper.JPG">
<img border="0" src="smThirdWatchMauriceBoscorelliWallpaper.JPG" width="120" height="90">
</a></td>
<td>
<a href="ThirdWatchHeroesEMSWallpaper.JPG">
<img border="0" src="smThirdWatchHeroesEMSWallpaper.JPG" width="120" height="90">
</a></td>
<td>
<a href="ThirdWatchHerosWallpaper2.JPG">
<img border="0" src="smThirdWatchHerosWallpaper2.JPG" width="120" height="90">
</a></td>
</tr>
</table>

<table align="center" width="300">
<tr>
<td>
<a href="sergeantcruz.JPG">
<img border="0" src="smsergeantcruz.JPG" width="120" height="90">
</a></td>
</tr>
</table></td></tr>

</td></tr>

1. <table border="1" bordercolor=000000>
2. <tr><td>sdfsdfdfs</td></tr>
3. <tr><td>
4. <table align="center" width="300">
5. <tr>
6. <td>
7. <a href="boz55faith.jpg">
8. <img border="0" src="smboz55faith.JPG" width="120" height="90">
9. </a></td>
10. <td>
11. <a href="NYPDFDNY.JPG">
12. <img border="0" src="smNYPDFDNY.JPG" width="120" height="90">
13. </a></td>
14. <td>
15. <a href="CollTW.jpg">
16. <img border="0" src="smCollTW.JPG" width="120" height="90">
17. </a></td>
18. <td>
19. <a href="FaithBosco55wall.GIF">
20. <img border="0" src="smFaithBosco55wall.GIF" width="120" height="90">
21. </a></td>
22. </tr>
23. </table>
25. <table align="center" width="300">
26. <tr>
27. <td>
28. <a href="vortex.jpg">
29. <img border="0" src="smvortex.JPG" width="120" height="90">
30. </a></td>
31. <td>
32. <a href="bf_falling.jpg">
33. <img border="0" src="smbffalling.JPG" width="120" height="90">
34. </a></td>
35. </tr>
36. </table>
38. <table align="center" width="300">
39. <tr>
40. <td>
41. <a href="half.jpg">
42. <img border="0" src="smhalf.JPG" width="120" height="90">
43. </a></td>
44. <td>
45. <a href="bozwetrust2.jpg">
46. <img border="0" src="smbozwetrust2.JPG" width="120" height="90">
47. </a></td>
48. <td>
49. <a href="blues.jpg">
50. <img border="0" src="smblues.JPG" width="120" height="90">
51. </a></td>
52. </tr>
53. </table>
55. <table align="center" width="300">
56. <tr>
57. <td>
58. <a href="fdnywp2.jpg">
59. <img border="0" src="smfdnywp2.JPG" width="120" height="90">
60. </a></td>
61. </tr>
62. </table>
64. <table align="center" width="300">
65. <tr>
66. <td>
67. <a href="thirdwatchmenwallpaper.JPG">
68. <img border="0" src="smthirdwatchmenwallpaper.JPG" width="120" height="90">
69. </a></td>
70. <td>
71. <a href="thirdwatchladieswallpaper.JPG">
72. <img border="0" src="smthirdwatchladieswallpaper.JPG" width="120" height="90">
73. </a></td>
74. <td>
75. <a href="thirdwatchjimmydohertywallpaper.JPG">
76. <img border="0" src="smthirdwatchjimmydohertywallpaper.JPG" width="120" height="90">
77. </a></td>
78. <td>
79. <a href="ThirdWatchHerosFirefightersWallpaper.JPG">
80. <img border="0" src="smThirdWatchHerosFirefightersWallpaper.JPG" width="120" height="90">
81. </a></td>
82. </tr>
83. </table>
85. <table align="center" width="300">
86. <tr>
87. <td>
88. <a href="ThirdWatchHeroesNYPDWallpaper.JPG">
89. <img border="0" src="smThirdWatchHeroesNYPDWallpaper.JPG" width="120" height="90">
90. </a></td>
91. <td>
92. <a href="ThirdWatchMauriceBoscorelliWallpaper.JPG">
93. <img border="0" src="smThirdWatchMauriceBoscorelliWallpaper.JPG" width="120" height="90">
94. </a></td>
95. <td>
96. <a href="ThirdWatchHeroesEMSWallpaper.JPG">
97. <img border="0" src="smThirdWatchHeroesEMSWallpaper.JPG" width="120" height="90">
98. </a></td>
99. <td>
100. <a href="ThirdWatchHerosWallpaper2.JPG">
101. <img border="0" src="smThirdWatchHerosWallpaper2.JPG" width="120" height="90">
102. </a></td>
103. </tr>
104. </table>
106. <table align="center" width="300">
107. <tr>
108. <td>
109. <a href="sergeantcruz.JPG">
110. <img border="0" src="smsergeantcruz.JPG" width="120" height="90">
111. </a></td>
112. </tr>
113. </table></td></tr>
115. </td></tr>