Help - Search - Members - Calendar
Full Version: Need some easy fixes to an HTML code
HTMLHelp Forums > Web Authoring > General Web Design
Arcano
Aug 16 2009, 08:35 PM
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Eorzea Times!</title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #000000;
    background-image: url(images/background.jpg);
}
.style1 {color: #FFFFFF}
.style2 {color: #FFFFFF; font-size: 10px; }
-->
</style></head>

<body>
<center>

    <tr>
          <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/archiveoff.png" style="position: absolute; left:386px; top:239px; z-index: 0;" /></td>
            <td width="73" bgcolor="#FFFFFF"> <img src="Images/Banner.png" style="position: absolute; left:302px; top:1px; z-index: 0;" /></td>
                  <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/spacer.png" style="position: absolute; left:756px; top:245px; z-index: 0;" /></td>
      <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/homeoff.png" style="position: absolute; left:303px; top:239px; z-index: 0;" /></td>
                  <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/spacer.png" style="position: absolute; left:364px; top:245px; z-index: 0;" /></td>
      <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/submitanarticleoff.png" style="position: absolute; left:605px; top:239px; z-index: 0;" /></td>
            <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/spacer.png" style="position: absolute; left:840px; top:245px; z-index: 0;" /></td>
      <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/journalistsoff.png" style="position: absolute; left:486px; top:239px; z-index: 0;" /></td>
                  <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/spacer.png" style="position: absolute; left:588px; top:245px; z-index: 0;" /></td>
      <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/joinusoff.png" style="position: absolute; left:858px; top:240px; z-index: 0;" /></td>
                  <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/spacer.png" style="position: absolute; left:458px; top:245px; z-index: 0;" /></td>
            <td width="73" bgcolor="#FFFFFF"> <img src="Images/top navigation bar/Extrasoff.png" style="position: absolute; left:774px; top:239px; z-index: 0;" /></td>
            
            
            
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/about.png" style="position: absolute; left:310px; top:989px; z-index: 0;" /></td>
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/bottom navigation bar spacer.png" style="position: absolute; left:806px; top:988px; z-index: 0;" /></td>
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/advertise.png" style="position: absolute; left:730px; top:989px; z-index: 0;" /></td>
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/Bottom navigation bar spacer.png" style="position: absolute; left:715px; top:988px; z-index: 0;" /></td>
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/affiliates.png" style="position: absolute; left:494px; top:989px; z-index: 0;" /></td>
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/bottom navigation bar spacer.png" style="position: absolute; left:584px; top:988px; z-index: 0;" /></td>
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/contactus.png" style="position: absolute; left:386px; top:989px; z-index: 0;" /></td>
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/bottom navigation bar spacer.png" style="position: absolute; left:473px; top:988px; z-index: 0;" /></td>
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/ffxivblogs.png" style="position: absolute; left:827px; top:989px; z-index: 0;" /></td>
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/bottom navigation bar spacer.png" style="position: absolute; left:365px; top:988px; z-index: 0;" /></td>
<td width="73" bgcolor="#FFFFFF"> <img src="Images/Bottom Navigation Bar/squareenixna.png" style="position: absolute; left:601px; top:988px; z-index: 0;" /></td>
    </tr>

    <tr>
    </tr>
    <tr>
    </tr>
    <tr></tr>
    <tr></tr>
    <tr></tr>
    <tr></tr>
    <tr></tr>
    <tr></tr>
    <tr></tr>
    <tr></tr>
  </table>
</center>
</body>
</html>


That's a code for a website I'm making. Made it in dreamweaver so I guess you can say I cheated a tad. Anyway the problems I'm having are:

-Background is repeating vertically (Probably, but can't see it) and horizontally.
-Can't see bottom of the background, it cuts off
-I don't know how to fit the website to show properly in all screen resolutions.

Any suggestions for a beginner?

Here's the link to the images/index file:
http://www.megaupload.com/?d=1AYPI9Y0
pandy
Aug 17 2009, 08:38 AM
Can you post the URL to a live page?
Arcano
Aug 17 2009, 09:12 AM
http://theeorzeatimes.com/
Darin McGrew
Aug 17 2009, 10:13 AM
QUOTE
-I don't know how to fit the website to show properly in all screen resolutions.
Well, for starters, use real text rather than images of text.
pandy
Aug 17 2009, 03:59 PM
Yeah, if everything is going to be images, why cut it up? You could just as well use one large image. But don't do that. Listen to Darin.

Do you mean you want the background to repeat cause I don't see anything repeating now? You'd have to make it a real background image then. There are only inline images there.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2024 Invision Power Services, Inc.