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


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,138
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,289
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


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,138
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

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

 



- Lo-Fi Version Time is now: 21st February 2019 - 08:57 PM