Need some easy fixes to an HTML code |
Need some easy fixes to an HTML code |
Arcano |
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 |
pandy |
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?
|
Arcano |
Aug 17 2009, 09:12 AM
Post
#3
|
Group: Members Posts: 2 Joined: 16-August 09 Member No.: 9,456 |
|
Darin McGrew |
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. |
pandy |
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. |
Lo-Fi Version | Time is now: 18th April 2024 - 02:58 AM |