Zymic Webmaster Forums > Image Alignment Problem

Zymic Webmaster Forums > Web Design & Development > General Web Design Discussion

LushHead

Nov 27 2008, 02:28 AM

So I've been learning and trying to design my own website using KompoZer for about 2 weeks now. My problem is when I go to my website, http://blackhatinc.vndv.com ,the images (there are 3 of them) do not appear to be in there proper positions. I have used IE and FF and both a show the same thing. Also (maybe this helps) I am using dual monitors which show the images in different positions when I maximize the browsers. I think it might have something to do with the background image but I'm not entirely sure.
I've been trying to fix this for the past two days and I've also tried looking it up on the web but just can't get straight answer. I've tried changing my table properties: width 100% of window and even trying to adjust the pixels size(got from the web) but neither seem to do anything for me. I don't even know if that was the right direction just seemed to make sense.
My Code Source is

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Black Hat Inc.</title>
</head>
<body style="background-color: black; color: rgb(0, 0, 0);"
 alink="#ee0000" link="#0000ee" vlink="#551a8b">
<div style="text-align: center;"><br>
<div
 style="position: absolute; width: 44px; height: 54px; top: 634px; left: 1032px;">
<table style="width: 100%;" border="0" cellpadding="0"
 cellspacing="0">
  <tbody>
    <tr align="center">
      <td><img style="width: 48px; height: 52px;"
 alt="xmark" src="images/xmarks.gif"></td>
    </tr>
  </tbody>
</table>
</div>
<div
 style="position: absolute; width: 130px; height: 43px; top: 156px; left: 911px;">
<table style="width: 100%; top: 158px; height: 41px;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr align="center">
      <td><img style="width: 127px; height: 44px;"
 alt="everything" src="images/everything.gif"></td>
    </tr>
  </tbody>
</table>
</div>
<div
 style="position: absolute; height: 60px; width: 399px; top: 28px; left: 179px; text-align: left;">
<table
 style="left: 174px; top: 28px; width: 325px; height: 62px; text-align: left; margin-left: 0px; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="vertical-align: top; text-align: justify;"><img
 style="width: 391px; height: 58px;" alt="blackhatinc"
 src="images/blackhat.gif" align="top"></td>
    </tr>
  </tbody>
</table>
</div>
<table
 style="width: 761px; height: 312px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: justify;"><img
 style="width: 1024px; height: 819px;" alt="blackhatinc"
 src="images/herald3.bmp"></td>
    </tr>
  </tbody>
</table>
</div>
</body>
</html>

I just want to get this fixed so I can move on with the project. It's not much right now but eventually I would like to have those images linked to something in the future.
I would greatly appreciate any help on this. Thanks

Andrew

Nov 29 2008, 04:07 AM

Wow I just went to the link you gave and have no idea what's going on there. Maybe a preview of what it SHOULD look like, and more of an explanation of what exactly your trying to do would help.

LushHead

Nov 29 2008, 11:30 AM

I need the Black Hat Inc. image to perfectly align right above the words Black Hat Inc on the background image. The same with the words EVERYTHING in the top right and the X on the hand at the bottom right. I need them to NOT MOVE when you minimize or maximize your web browser. If you look at the three images you can see that they are really off with the background image. Also If I was to give you a preview of my index.html it would exacttly like it does when you go to the web site.
Hope that helps

Andrew

Nov 29 2008, 02:51 PM

I meant a preview as in a picture.

And why do you want them to be over words that are exactly like what's in the background?

Anyways I might do this later, but not now

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.