picture help

  • pacsunpunk08
  • Graduate
  • Graduate
  • pacsunpunk08
  • Posts: 149
  • Loc: Kenosha, WI

Post 3+ Months Ago

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: [ 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>
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

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

Code: [ 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>
  • pacsunpunk08
  • Graduate
  • Graduate
  • pacsunpunk08
  • Posts: 149
  • Loc: Kenosha, WI

Post 3+ Months Ago

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........Image Its not straight or anything but i just want it like that, Thanks
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

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.
  • pacsunpunk08
  • Graduate
  • Graduate
  • pacsunpunk08
  • Posts: 149
  • Loc: Kenosha, WI

Post 3+ Months Ago

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 :D
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

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
  • pacsunpunk08
  • Graduate
  • Graduate
  • pacsunpunk08
  • Posts: 149
  • Loc: Kenosha, WI

Post 3+ Months Ago

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
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9090
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

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.
  • pacsunpunk08
  • Graduate
  • Graduate
  • pacsunpunk08
  • Posts: 149
  • Loc: Kenosha, WI

Post 3+ Months Ago

I just learned how to devide tables into rows and stuff :D
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

Good for you -- that's a big step out of the way. Keep going!
  • pacsunpunk08
  • Graduate
  • Graduate
  • pacsunpunk08
  • Posts: 149
  • Loc: Kenosha, WI

Post 3+ Months Ago

Hey on that site u gave me it only tells u about making them into rows and dividing them :(
  • pacsunpunk08
  • Graduate
  • Graduate
  • pacsunpunk08
  • Posts: 149
  • Loc: Kenosha, WI

Post 3+ Months Ago

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: [ 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>
  24. <table align="center" width="300">
  25. <tr>
  26. <td>
  27. <a href="vortex.jpg">
  28. <img border="0" src="smvortex.JPG" width="120" height="90">
  29. </a></td>
  30. <td>
  31. <a href="bf_falling.jpg">
  32. <img border="0" src="smbffalling.JPG" width="120" height="90">
  33. </a></td>
  34. </tr>
  35. </table>
  36. <table align="center" width="300">
  37. <tr>
  38. <td>
  39. <a href="half.jpg">
  40. <img border="0" src="smhalf.JPG" width="120" height="90">
  41. </a></td>
  42. <td>
  43. <a href="bozwetrust2.jpg">
  44. <img border="0" src="smbozwetrust2.JPG" width="120" height="90">
  45. </a></td>
  46. <td>
  47. <a href="blues.jpg">
  48. <img border="0" src="smblues.JPG" width="120" height="90">
  49. </a></td>
  50. </tr>
  51. </table>
  52. <table align="center" width="300">
  53. <tr>
  54. <td>
  55. <a href="fdnywp2.jpg">
  56. <img border="0" src="smfdnywp2.JPG" width="120" height="90">
  57. </a></td>
  58. </tr>
  59. </table>
  60. <table align="center" width="300">
  61. <tr>
  62. <td>
  63. <a href="thirdwatchmenwallpaper.JPG">
  64. <img border="0" src="smthirdwatchmenwallpaper.JPG" width="120" height="90">
  65. </a></td>
  66. <td>
  67. <a href="thirdwatchladieswallpaper.JPG">
  68. <img border="0" src="smthirdwatchladieswallpaper.JPG" width="120" height="90">
  69. </a></td>
  70. <td>
  71. <a href="thirdwatchjimmydohertywallpaper.JPG">
  72. <img border="0" src="smthirdwatchjimmydohertywallpaper.JPG" width="120" height="90">
  73. </a></td>
  74. <td>
  75. <a href="ThirdWatchHerosFirefightersWallpaper.JPG">
  76. <img border="0" src="smThirdWatchHerosFirefightersWallpaper.JPG" width="120" height="90">
  77. </a></td>
  78. </tr>
  79. </table>
  80. <table align="center" width="300">
  81. <tr>
  82. <td>
  83. <a href="ThirdWatchHeroesNYPDWallpaper.JPG">
  84. <img border="0" src="smThirdWatchHeroesNYPDWallpaper.JPG" width="120" height="90">
  85. </a></td>
  86. <td>
  87. <a href="ThirdWatchMauriceBoscorelliWallpaper.JPG">
  88. <img border="0" src="smThirdWatchMauriceBoscorelliWallpaper.JPG" width="120" height="90">
  89. </a></td>
  90. <td>
  91. <a href="ThirdWatchHeroesEMSWallpaper.JPG">
  92. <img border="0" src="smThirdWatchHeroesEMSWallpaper.JPG" width="120" height="90">
  93. </a></td>
  94. <td>
  95. <a href="ThirdWatchHerosWallpaper2.JPG">
  96. <img border="0" src="smThirdWatchHerosWallpaper2.JPG" width="120" height="90">
  97. </a></td>
  98. </tr>
  99. </table>
  100. <table align="center" width="300">
  101. <tr>
  102. <td>
  103. <a href="sergeantcruz.JPG">
  104. <img border="0" src="smsergeantcruz.JPG" width="120" height="90">
  105. </a></td>
  106. </tr>
  107. </table></td></tr>
  108. </td></tr>

Post Information

  • Total Posts in this topic: 12 posts
  • Users browsing this forum: No registered users and 33 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.