The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Need some easy fixes to an HTML code
Arcano
post Aug 16 2009, 08:35 PM
Post #1





Group: Members
Posts: 2
Joined: 16-August 09
Member No.: 9,456
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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 17 2009, 08:38 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
Can you post the URL to a live page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Arcano
post Aug 17 2009, 09:12 AM
Post #3





Group: Members
Posts: 2
Joined: 16-August 09
Member No.: 9,456
http://theeorzeatimes.com/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Aug 17 2009, 10:13 AM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 17 2009, 03:59 PM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · General Web Design · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 18th April 2024 - 02:58 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC