Jump to content

Simple Question...


Mephistopheles
 Share

Recommended Posts

For my website, I have been having troubles with this idea I have. I would appreciate anyone who would take time out to help me. I think I am making it a lot more complicated than it is.I am making a video website, and for my video directory, I would like it to be very neat and match my homepage. I know hex colors, or whatever you call them, so I am fine right there. What I want it to look like is something like this:http://www.paralizedtoad.com/abs.jpgNotice the rectangle-like boxes that the movies are put in? They have a small image, and some text that explains the video. I had this idea before, and I finally thought this could help me. What I did was I used the source code, and replicated it on my website to figure out how I could do this.I was trying to find what was it that makes that effect. I came out with:http://www.paralizedtoad.com/test.htmlI looked everywhere, and I don't know how to make those boxes with text in them. How can I do this? Can anyone tell me how? I have been thinking for a while now, and I cannot figure it out. Any help would be appreciated.Thank you.

Link to comment
Share on other sites

Tables could be a simple solution, if you need it in div's its somthing like this ...<style>.image{float:left;padding-right:5px}.text{float:left;}</style><div class="image"><img src=Images/splash_darkorange_m.jpg width=75 height=75></div><div class="text">This is about the movie<br>More explanation about the movie<br><br>Cast: Director.....</div>

Link to comment
Share on other sites

Here's a start, maybe you should think about learning html  :)http://scott100.atspace.com/sheep.html

Thank you for everyone who helped.Scott, I try adding your code to my site.And the tint of the upper middle/right corner of the black boxes isn't on mine.I did everything you did, but mine don't have that neat shine. Why? Mine:http://www.paralizedtoad.com/movies/Yours:http://scott100.atspace.com/sheep.htmlMy Code:
<style>img{width:60px;height:60px;border:0;float:left;}td{ background-image: url('http://scott100.atspace.com/pic.JPG');background-repeat: repeat-x;color:green;}</style></head><br><br><br><center><object width="425" height="350"><param name="movie" value="Demo Movie"></param><embed src="http://www.paralizedtoad.com/intro1.WMV" type="application/x-shockwave-flash" width="425" height="350"></embed></object><br><br>This is a demo, full movies will be up later. Check back.<table border="1" width="50%" style="background-color:black" cellpadding="0" cellspacing="10" bordercolor="black"><tr><td><img src="http://www.albinoblacksheep.com/flash/screen/elvis.jpg" />Elvis Lives in Flash<br />by Sners (AB)*<br />1,798 KB </td></tr><tr><td><img src="http://www.albinoblacksheep.com/flash/screen/strawberry.gif" />The Evil Strawberry<br />by keatonkeaton999<br />555 KB </td></tr><table></body>

Your Code:

<head><style>img{width:60px;height:60px;border:0;float:left;}td{ background-image: url('http://scott100.atspace.com/pic.JPG');background-repeat: repeat-x;color:green;}</style></head><body style="background-color:black"><table border="1" width="50%" style="background-color:black" cellpadding="0" cellspacing="10" bordercolor="black"><tr><td><img src="http://www.albinoblacksheep.com/flash/screen/elvis.jpg" />Elvis Lives in Flash<br />by Sners (AB)*<br />1,798 KB </td></tr><tr><td><img src="http://www.albinoblacksheep.com/flash/screen/strawberry.gif" />The Evil Strawberry<br />by keatonkeaton999<br />555 KB </td></tr><table></body>

What did I do wrong?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...