HTML Help

bkaron

Yep, That's Me!
I need help, I'm a student in Web Design I and I'm making a Web site, but I need some help with some code. Basicly I want to have small 50by50 pictures on the left side and text on the right side, just like www.gorillamask.net But I can't get the text stright. I'm stumped! Here is a picture of my site, and below is a copy of my page code.


Thanks in Advance :)





Code:
<HTML>
<HEAD>
<TITLE>Paintball! - Media Clips</TITLE>
</HEAD>
<BODY BGCOLOR="#4F6A8B" TEXT="000000" LINK="#00CCFF" ALINK="#FF6025" VLINK="#B6975F">


		<A HREF="home.html" "http://www.putfile.com"><IMG SRC="http://x12.putfile.com/12/33507390197.jpg" HEIGHT="239" WIDTH="640" HSPACE="150" ALT="Banner - Media Clips"></A>


	<TABLE WIDTH="100%">


<TR> <TD WIDTH="130" VALIGN="TOP">

		<A HREF="home.html" "http://www.putfile.com"><IMG SRC="http://x11.putfile.com/11/33108251038.jpg" Align="LEFT" HEIGHT="50" WIDTH="117" ALT="Home Page" VSPACE="5" HSPACE="40"></A>

	<BR CLEAR="ALL">

		<A HREF="history.html" "http://www.putfile.com"><IMG SRC="http://x11.putfile.com/11/33108233819.jpg" ALIGN="LEFT" HEIGHT="50" WIDTH="117" ALT="History" VSPACE= "5" HSPACE="40"></A>

	<BR CLEAR="ALL">

		<A HREF="rules.html" "http://www.putfile.com"><IMG SRC="http://x11.putfile.com/11/33108311261.jpg" Align="LEFT" HEIGHT="50" WIDTH="117" ALT="Game Rules" VSPACE="5" HSPACE="40"></A>

	<BR CLEAR="ALL">

		<A HREF="local.html" "http://www.putfile.com"><IMG SRC="http://x11.putfile.com/11/33108291341.jpg" ALIGN="LEFT" HEIGHT="50" WIDTH="117" ALT="Local Events" VSPACE= "5" HSPACE="40"></A>

	<BR CLEAR="ALL">

		<A HREF="media.html" "http://www.putfile.com"><IMG SRC="http://x11.putfile.com/11/33307340967.jpg" ALIGN="LEFT" HEIGHT="50" WIDTH="117" ALT="Media" VSPACE= "5" HSPACE="40"></A>

	<BR CLEAR="ALL">
	
</TD>
<TD VALIGN="TOP"> 

<H1>Tech.</H1>

		<A HREF="How Paintballs Are Made.mpeg"><IMG SRC="http://x12.putfile.com/12/33519081653.gif" Align="LEFT" HEIGHT="50" WIDTH="50" ALT="Home Page"></A><P ALIGN="LEFT">Text 1<P>
	
<BR CLEAR="ALL">

		<A HREF="Virtue Software Board.wmv"><IMG SRC="http://x12.putfile.com/12/33519081653.gif" Align="LEFT" HEIGHT="50" WIDTH="50" ALT="Home Page"></A><BR><P ALIGN="LEFT">Text 2<P>	

<BR CLEAR="ALL">

<H1>Games</H1>


			<A HREF="Virtue Software Board.wmv"><IMG SRC="http://x12.putfile.com/12/33519081653.gif" Align="LEFT" HEIGHT="50" WIDTH="50" ALT="Home Page"></A><BR><P>Text 3<P>
			
<BR CLEAR="ALL">

			<A HREF="Infamous vs XSV.wmv"><IMG SRC="http://x12.putfile.com/12/33519081653.gif" Align="LEFT" HEIGHT="50" WIDTH="50" ALT="Home Page"></A><BR> Infamous vs XSV (Windows Media Format)</A><BR><P>Text 4<P>

		<P>Text 5<P>

			<A HREF="Aftershock vs Dynasty.mpg"> Aftershock vs Dynasty (Quicktime Format)</A><BR>

		<P>Text 6<P>

			<A HREF="Dynasty vs Ton Ton.wmv"> Dynasty vs Ton Ton (Windows Media Format)</A><BR>

	<H1>Misc. Funny Material</H1>

		<P>Text 7<P>

			<A HREF="Ninja vs. Paintball.mpg"> Ninja vs. Paintball (Quicktime Format)</A><BR>

		<P>Text 8<P>

			<A HREF="Jackass Paintball.mpeg"> Jackass Paintball (Quicktime Format)</A><BR>

		<P>Text 9<P>

			<A HREF="DM4 For Dummies.wmv"> DM4 For Dummies (Windows Media Format)</A><BR>

</TD>
</TR>

</TABLE>



<BR CLEAR="ALL">
<P ALIGN="CENTER">
[  <A HREF="home.html"> Home </A>  ]
[  <A HREF="local.html"> Local Events </A>  ]
[  <A HREF="media.html"> Media Clips </A>  ]
[  <A HREF="rules.html"> Game Rules </A>  ]
[  <A HREF="history.html"> History of The Game </A>  ]


</BODY>
</HTML>
 

Attachments

  • Picture 1.jpg
    Picture 1.jpg
    68.9 KB · Views: 9
Ok lesseee, so you want the icons and the text to be like, perfectly aligned? If so this is what I say:

<table border=0 cellspacing=2 cellpadding=0>
<tr>
<td>
<img src="image here" alt="">
</td>
<td style="text-align:justify">
text text text : )
</td>
</tr>
</table>
<br>

That would be for one image. Add more to the cellspacing for more space between the image and text. If that's not what you want, be more descriptive... maybe draw a picture?
 
WOW that was fast, thanks, that was a big help, but what does this part mean?



style="text-align:justify"
 
Oh, and how do I make it so that the "text" can only go so far down the page (to the right)

This is sort of how I want the text: (3 lines)



text text text text text text text text
text text text text text text
text text text text text text text
 
Oh I just put the justify there so the text goes right to the edge of.. the column whatever. You can take that out if ya don't like it.

on the second td, for the text you can set a width in the style area (I recommend using that instead of width=blah because W3 doesn't approve of it. whatever) in the style area put width:"amount"px; so your code will look like
<td valign=top style="text-align:justify;width:400px;">
you can change the 400 obviously, make sure you don't remove the px. Goes whonky on some browsers.

sorry if I confused you, I'm just a bad writer.
 
thanks you were a big help, Look at my new post, I have a new question about hover buttons:D
 
Back
Top