Help in HTML

ninad_mhatre85 · 09-01-2009, 07:03 PM

Hi
i have created index.html file for all the DVDs i create i have perl script which generates html file for me ... i am not good in html so i some how managed to generate HTML file which will have "MOVIE NAME" ( in center of screen ) then "MOVIE POSTER" below it...

something like this ...

MOVIE 1
POSTER 1
MOVIE 2
POSTER 2
and so on ...

i want HTML file some thing like this ...

MOVIE 1 MOVIE 2
POSTER 1 POSTER 2

and so on ...

if u want i can post HTML code also [ i dont have html file with me now m in ofc now ]

Garbage · 09-01-2009, 07:21 PM

Don't you think that, you have to make your requirements more clear ?

Bandu · 09-01-2009, 07:23 PM

It'd help if you post the html code so that others can see what you have used - tables, css, etc. Please post it.

victor_rambo · 09-01-2009, 07:30 PM

Quote:

Originally Posted by Bandu

It'd help if you post the html code so that others can see what you have used - tables, css, etc. Please post it.

We will need the pl file.

ninad_mhatre85 · 09-01-2009, 11:19 PM

sorry for not being clear last time
i was in hurry ...

if you are wondering why i am doing this ?? answer is i create auto run file for every DVD i create ( convert html -> exe )

here is the html code

========
<html>
<head>
<title>PICTURES IN CURRENT DVD </title>
</head>
<body background="background.jpg">
<h2><p style="text-align: center;color: red">TITLES IN CURRENT DVD ARE AS FOLLOWS</p></h2>
<p style="text-align: center;"><A href="Burn_After_Reading.avi">BURN AFTER READING</A></p>
<div style="text-align: center;"><img src="Burn_After_Reading.jpg" width="160"></div>
<p style="text-align: center;"><A href="Lord_Of_War.avi">LORD OF WAR</A></p>
<div style="text-align: center;"><img src="Lord_Of_War.jpg" width="160"></div>
<p style="text-align: center;"><A href="The_Dark_Knight.avi">THE DARK KNIGHT</A></p>
<div style="text-align: center;"><img src="The_Dark_Knight.jpg" width="160"></div>
<p style="text-align: center;"><A href="The_Sixth_Sense.avi">THE SIXTH SENSE</A></p>
<div style="text-align: center;"><img src="The_Sixth_Sense.jpg" width="160"></div>
<p style="text-align: center;"><A href="Tropic_Thunder.avi">TROPIC THUNDER</A></p>
<div style="text-align: center;"><img src="Tropic_Thunder.jpg" width="160"></div>
<p style="text-align: center;"><A href="wednesday.mp4">WEDNESDAY</A></p>
<div style="text-align: center;"><img src="wednesday.jpg" width="160"></div>
</body>
</html>
==========

--------

Here is what i want

this is the current format ( thumbnail )

this is how actual screen looks like

and i want in this format

QwertyManiac · 09-01-2009, 11:39 PM

You can either use tables, or make small changes (p tags) in the HTML to look like it. But if you want us to script one for you, you have to tell what your data source (for name and images) is like.

Bandu · 11-01-2009, 10:57 PM

As QM suggested, use CSS. Your desired result can be easily achieved using tables (although there are other more elegant ways).

Here's your modified code:

Code:

<html>
<head>
<title>Movies in Current DVD</title>
<style type="text/css">
.TableTop {text-align: center; background-color: #FFFFFF; border: solid; border-width: 1px 2px 2px 1px; border-color: #2B4A62 #2B4A62 #2B4A62}
.TableData {font-size: 8pt; font-weight: bold; color: #000000; border: solid; border-width: 1px 2px 2px 1px;}
</style>
</head>
<body background="background.jpg">
<h2><p style="color: red">TITLES IN CURRENT DVD ARE AS FOLLOWS</p></h2>
<TABLE class='TableTop'>
    <TR class='TableData'>
        <TD>Burn After Reading</TD>
        <TD>LORD OF WAR</TD>
    </TR>
    <TR class='TableData'>
        <TD><img src="Burn_After_Reading.jpg" width="160"></TD>
        <TD><img src="Lord_Of_War.jpg" width="160"></TD>
    </TR>
    <TR class='TableData'>
        <TD>THE DARK KNIGHT</TD>
        <TD>THE SIXTH SENSE</TD>
    </TR>
    <TR class='TableData'>
        <TD><img src="The_Dark_Knight.jpg" width="160"></TD>
        <TD><img src="The_Sixth_Sense.jpg" width="160"></TD>
    </TR>
    <TR class='TableData'>
        <TD>TROPIC THUNDER</TD>
        <TD>WEDNESDAY</TD>
    </TR>
    <TR class='TableData'>
        <TD><img src="Tropic_Thunder.jpg" width="160"></TD>
        <TD><img src="wednesday.jpg" width="160"></TD>
    </TR>
</body>
</html>

This is how it looks:

Popular Categories

Popular Articles

Content Categories

Sister Sites

Follow Us

Facebook Channels

Digit Magazine