Mephistopheles Posted May 22, 2006 Share Posted May 22, 2006 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 More sharing options...
skym Posted May 22, 2006 Share Posted May 22, 2006 Why don't you see the original site how it is made? Just look at its source and CSS files. Link to comment Share on other sites More sharing options...
Mephistopheles Posted May 22, 2006 Author Share Posted May 22, 2006 I already said I did. Link to comment Share on other sites More sharing options...
scott100 Posted May 22, 2006 Share Posted May 22, 2006 Just looks like a table to me with a background image repeated horizontal. Should be easy enough Link to comment Share on other sites More sharing options...
pulpfiction Posted May 22, 2006 Share Posted May 22, 2006 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 More sharing options...
Mephistopheles Posted May 22, 2006 Author Share Posted May 22, 2006 How would I do that though?I am not HTML smart at all.... Link to comment Share on other sites More sharing options...
scott100 Posted May 22, 2006 Share Posted May 22, 2006 Here's a start, maybe you should think about learning html http://scott100.atspace.com/sheep.html Link to comment Share on other sites More sharing options...
Mephistopheles Posted May 23, 2006 Author Share Posted May 23, 2006 Here's a start, maybe you should think about learning html http://scott100.atspace.com/sheep.html<{POST_SNAPBACK}> 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 More sharing options...
scott100 Posted May 23, 2006 Share Posted May 23, 2006 Download the image i used and save it onto your server.http://scott100.atspace.com/pic.JPGHopefully that should sort it out, but i've no idea why, sometimes it showed and sometimes it didn't Link to comment Share on other sites More sharing options...
Mephistopheles Posted May 23, 2006 Author Share Posted May 23, 2006 Working so far, thanks scott. Link to comment Share on other sites More sharing options...
Little Goat Posted May 24, 2006 Share Posted May 24, 2006 you know, albino black sheep has a webdeveloper section and in that section it shows how the site was made. maybe you could try that?LG Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now