Back To Website Design Forum

picture help

  • pacsunpunk08
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Oct 04, 2003
  • Posts: 149
  • Loc: Kenosha, WI
  • Status: Offline

Post 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: [ 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
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post October 5th, 2003, 11:16 am

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Post 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: [ 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>
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • pacsunpunk08
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Oct 04, 2003
  • Posts: 149
  • Loc: Kenosha, WI
  • Status: Offline

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

Post 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.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • pacsunpunk08
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Oct 04, 2003
  • Posts: 149
  • Loc: Kenosha, WI
  • Status: Offline

Post 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 :D
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Post 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
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • pacsunpunk08
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Oct 04, 2003
  • Posts: 149
  • Loc: Kenosha, WI
  • Status: Offline

Post 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
  • Site Admin
  • Site Admin
  • User avatar
  • Joined: Dec 20, 2002
  • Posts: 8934
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Post 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.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • pacsunpunk08
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Oct 04, 2003
  • Posts: 149
  • Loc: Kenosha, WI
  • Status: Offline

Post October 5th, 2003, 1:52 pm

I just learned how to devide tables into rows and stuff :D
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Post October 5th, 2003, 2:10 pm

Good for you -- that's a big step out of the way. Keep going!
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • pacsunpunk08
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Oct 04, 2003
  • Posts: 149
  • Loc: Kenosha, WI
  • Status: Offline

Post 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 :(
  • pacsunpunk08
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Oct 04, 2003
  • Posts: 149
  • Loc: Kenosha, WI
  • Status: Offline

Post 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: [ 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>

Page 1 of 1

Post Information

  • Total Posts in this topic: 12 posts
  • Users browsing this forum: No registered users and 123 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.