Help in HTML

Status
Not open for further replies.
ninad_mhatre85

ninad_mhatre85

Journeyman
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 ]
 
B

Bandu

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

ninad_mhatre85

Journeyman
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 )

*i271.photobucket.com/albums/jj136/zeddexx/th_current_format.jpg

this is how actual screen looks like
*i271.photobucket.com/albums/jj136/zeddexx/th_output.png

and i want in this format

*i271.photobucket.com/albums/jj136/zeddexx/th_Required-format.jpg
 
Last edited:
QwertyManiac

QwertyManiac

Commander in Chief
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.
 
B

Bandu

Journeyman
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:
*www.imgx.org/pthumbs/small/13777/ninad.JPG
 
Status
Not open for further replies.
Top Bottom