PDA

Click to See Complete Forum and Search --> : different pc screen resolutions

patuie
11-30-2009, 06:57 PM
I used html to create a family history burned it to cd. It looks great on my 1280x1024. On others the images are messed up. How can I fix this. I am not publishing this it is only for family use.

Thanks
Fang
12-01-2009, 08:25 AM
We can't help without seeing the document.
patuie
12-01-2009, 09:59 AM
Here is one of the shorter ones. It's messy but it works for a family cd.

Thanks



<html>
<head><title>FAMILY </title></head>
<body>

<table width="100%" height="75%" border="0" cellspacing="0" cellpadding="0">
<tr>

<td bgcolor="#cccc99"> <font face="ariel" size="+2"><a href="./index.html">INDEX </a></font> </td>
<td BODY BACKGROUND="http://www.mbif.net/backgrounds/fourdots.gif" width="85%" align="center">
<font face="algerian"><font size="+10"><b> DAVID KEVIN MILLER </b> </font> </td>
</tr>

<tr><td bgcolor="#cccc99" width="15%"> <font face="ariel" size="+2">
<ul>
<li><a href="MILLER FAMILY TREE.html"><font color="#000033"> MILLER FAMILY TREE</font></a></li>
<li><a href="THE BEGINNING.html"><font color="#000033"> THE BEGINNING</font></a></li>
<li><a href="1941.html"><font color="#330033">1941</font> </a></li><br>
<li><a href="1942.html"><font color="#330033">1942</font> </a></li><br>
<li><a href="1943.html"><font color="#330033">1943</font> </a></li><br>
<li><a href="1944.html"><font color="#330033">1944</font> </a></li><br>
<li><a href="DOUGLAS PAUL MILLER.html"><font color="#330033">DOUGLAS PAUL MILLER</font> </a></li>
<li><a href="1945.html"><font color="#330033">1945</font> </a></li><br>
<li><a href="1946.html"><font color="#330033">1946</font> </a></li><br>
<li><a href="1947.html"><font color="#330033">1947</font> </a></li><br>
<li><a href="1948.html"><font color="#330033">1948</font> </a></li><br>
<li><a href="1949.html"><font color="#330033">1949</font> </a></li><br>
<li><a href="1950.html"><font color="#330033">1950</font> </a></li><br>
<li><a href="1951.html"><font color="#330033">1951</font> </a></li><br>
<li><a href="1952.html"><font color="#330033">1952</font> </a></li><br>
<li><a href="PATRICIA MILLER.html"><font color="#330033">PATRICIA ANNE MILLER</font> </a></li><br>
<li><a href="1953.html"><font color="#330033">1953</font> </a></li><br>
<li><a href="1954.html"><font color="#330033">1954</font> </a></li><br>
<li><a href="1955.html"><font color="#330033">1955</font> </a></li><br>
<li><a href="1956.html"><font color="#330033">1956</font> </a></li><br>
<li><a href="1957.html"><font color="#330033">1957</font> </a></li><br>
<li><a href="1958.html"><font color="#330033">1958</font> </a></li><br>
<li><a href="1959.html"><font color="#330033">1959</font> </a></li><br>
<li><a href="1959.html"><font color="#330033">1959</font> </a></li><br>
<li><a href="1960.html"><font color="#330033">1960</font> </a></li><br>
<li><a href="1961.html"><font color="#330033">1961</font> </a></li><br>
<li><a href="1962.html"><font color="#330033">1962</font> </a></li><br></br>
<li><a href="../welcome_page.html"><font color="#7b0046"> <i>Miller/Patterson<br> 1820 - 1941</i>
</font></a></li>
</ul></font></td>

<td valign="top" BODY BACKGROUND="http://www.mbif.net/backgrounds/fourdots.gif" width="85%" height="100%">

<a href="../used/d_k_miller.jpg"><img src="../used/d_k_miller_sm.jpg"
border="0" width="200" height="194" style="position:absolute;LEFT:350px;top:220px;"></a>

<a href="../used/miller_xmas.jpg"><img src="../used/miller_xmas_sm.jpg"
border="0" width="300" height="218" style="position:absolute;LEFT:650px;top:220px;"></a>

<br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br>

<p align="center"><font face="ariel" size="+2">David Kevin Miller was born<br> September 20, 1955<br></br>
Pat gave David all his baby photos, and unfortunately David chose not to participate<br> with his
family.
</font></p>

<img src="../used/teddy_bears.gif"
border="0" width="150" height="110" style="position:absolute;LEFT:350px;top:485px;"></a>

<img src="../used/rattle_3.gif"
border="0" width="125" height="155" style="position:absolute;left:550px;top:240px;"></a>

<img src="../used/basket.gif"
border="0" width="150" height="206" style="position:absolute;right:150px;top:000px;"></a>

</td></tr>
</TABLE>
</body>
Fang
12-02-2009, 12:58 AM
The use of position:absolute and the <br> element are causing the main problems.
Much of the code is invalid, depreciated and will not work in different browsers nor at differing resolutions.
Start afresh (http://www.yourhtmlsource.com/myfirstsite/myfirstpage.html), without using position:absolute, <br> and <font>
patuie
12-02-2009, 07:51 AM
Thanks If I'm starting fresh would I be better off learning css. I have no deadline this is for personal use.
Fang
12-02-2009, 08:48 AM
Use html for content and css for presentation.
Both of these are necessary, start learning the standards (http://www.w3.org/standards/webdesign/htmlcss).
patuie
12-02-2009, 05:05 PM
Thanks for the help and the links. I will continue to learn.