Positoning

[Smilin' Jack]

How can I get an image to set exactly where I wan't it?
At: www.equipmentpolice.com/vulcan.html, I am trying to shift the falshing Email image at the bottom shifted somewaht to the right.
Thanks!!!!

Jack

 

[Corey Bryant]

You can use CSS if you would like. Place this in the <HEAD>:
<style type="text/css">
#flashing
{
top: 150px;
left: 305px;
position: absolute;
}
</style>

And then in the body:

<div id="flashing">
<A HREF="mailto:[email protected]"><IMG NAME="PG.Jpg" SRC="LeeEm.Jpg" style="border: 4px Solid White" HEIGHT="175" WIDTH="175"ALT="EMAIL"></a>
</div>

Play with the top / left until you get it where you would lke it.

Of course you could alsy just center it as well:
<center>
<A HREF="mailto:[email protected]"><IMG NAME="PG.Jpg" SRC="LeeEm.Jpg" style="border: 4px Solid White" HEIGHT="175" WIDTH="175"ALT="EMAIL"></a>
</center>

 

[Smilin' Jack]

Positioning

Thanks Corey!
That worked, but it also moved everything below it as well.
As shown at:www.equipmentpolice.com/vulcan2.html
How do I end that formating at that point?

Jack

 

[Corey Bryant]

In your code:
<div id="flashing">
<table border="0" width="100" id="myexample" style="border:5px solid yellow">
<tr>
<td><A HREF="mailto:[email protected]">
<IMG NAME="LeeEm.Jpg" SRC="LeeEm.Jpg" style="border: 4px Solid White"
HEIGHT="175" WIDTH="175"ALT="EMAIL">
</div id="flashing">

And in mine:
<div id="flashing">
<A HREF="mailto:[email protected]"><IMG NAME="PG.Jpg" SRC="LeeEm.Jpg" style="border: 4px Solid White" HEIGHT="175" WIDTH="175"ALT="EMAIL"></a>
</div>

Don't put your table in the DIV & close it with </div> & not </div id="flashing">

 

[Smilin' Jack]

Positioning

Corey,
That didn't seem to do anything to www.equipmentpolice.com/vulcan2.html
Putting </Div> in and repositioning the table script brought me right back to original problem.
What am I doing wrong?

Jack

 

[Corey Bryant]

You still have:
<div id="flashing"><TR><TD>
<A HREF="mailto:[email protected]">
<IMG NAME="PG.Jpg" SRC="LeeEm.Jpg" style="border: 4px Solid White"
HEIGHT="175" WIDTH="175"ALT="EMAIL"></A>
</div>

instead of:
<div id="flashing">
<A HREF="mailto:[email protected]"><IMG NAME="PG.Jpg" SRC="LeeEm.Jpg" style="border: 4px Solid White" HEIGHT="175" WIDTH="175"ALT="EMAIL"></a>
</div>

and you can change left to 400 or something as well.