Advertisement

There's no such thing as a stupid question, but they're the easiest to answer.
Login
Search

Advertisement

Web Design & Development Web Design & Development
Search Search
Search for:
Tech Support Guy > > >

positioning over a image...


(!)

Duckman69's Avatar
Duckman69 Duckman69 is offline
Computer Specs
Senior Member with 818 posts.
THREAD STARTER
 
Join Date: Jun 2007
17-Aug-2007, 11:12 PM #1
positioning over a image...
1st i would like to say thank you to all those who have helped me over the last 10 days or so, i know ive really been annoying considering some posts were i suppose unnecessary, so i apologize... 2nd this will be my last annoying post for a while once i get this done im pretty much getting ready to go public after a few updates as far as text material...

so heres the issue... im using this code below... now what im trying to do is overlay my image so it appears in the center of the other image but using top: 70px; left 275: px; its not going to be the same depending on how big your screen is and how big your explorer window is set to... so im wondering does any1 know anyway i can get that image to appear dead center regardless of user screen size?

<center>
<img src = "Best-1.gif" style="position: absolute; top: 70px; left: 275px; ">
<img src="banner-top.JPG" width="100%" height="150" />
</center>

you can see the results on http://www.freewebs.com/fallingrain11/22.html
tomdkat's Avatar
Computer Specs
Trusted Advisor with 7,141 posts.
 
Join Date: May 2006
Location: S.F. Bay Area, CA
Experience: Intermediate
17-Aug-2007, 11:48 PM #2
I would make banner-top.jpg the background of a DIV and then have Best-1.gif be the image inside the DIV. I would specify "text-align: center;" for the DIV styling to center the Best-1.gif image.

EDIT: Something kind of like this:
Code:
<table style="width: 100%;" border="2" bordercolor="lawngreen" cellpadding="12" cellspacing="2">
  <tbody>
    <tr class="td2">
      <td style="text-align: center;" class="td2" colspan="2">
<!-- Header images -->
      <div style="background-image: url(banner-top.JPG); text-align: center; width: 904px; height: 150px; margin-left: auto; margin-right: auto;">
         <img  style="width: 481px; height: 65px; margin-top: 45px;" src="Best-1.gif">
      </div>
</td>
EDIT #2: The HTML you really want is in your other thread.

Good luck!

Peace...

Last edited by tomdkat; 18-Aug-2007 at 12:08 AM..
Duckman69's Avatar
Duckman69 Duckman69 is offline
Computer Specs
Senior Member with 818 posts.
THREAD STARTER
 
Join Date: Jun 2007
18-Aug-2007, 12:24 AM #3
thanks for the tip i think im closer going the way i was earlier your right... i was playing with similar scenarios before and the issue i kept getting with setup like that is the width=100% doesnt seem to work, when the page is small it looks great wehn i max the window though you can see the picture start a 2nd continuing banenr isntead of just stretching...
http://www.freewebs.com/fallingrain11/zzzzzz.html

im gonna keep playing with this maby ill get it mixing that code with the <td posted on the other thread... thanks for your help either way...
Duckman69's Avatar
Duckman69 Duckman69 is offline
Computer Specs
Senior Member with 818 posts.
THREAD STARTER
 
Join Date: Jun 2007
18-Aug-2007, 01:10 AM #4
WO to the OT.... works like a charm... thanks for the help getting things figured out...

<center>
<div style="height:150px;overflow:hidden;">
<img src="banner-top.JPG" width="100%" height="150" /><br />
<img src = "Best-1.gif" style="position:relative;top:-110px;left:0px;">
</div>
</center>
As Seen On

BBC, Reader's Digest, PC Magazine, Today Show, Money Magazine
WELCOME TO TECH SUPPORT GUY!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.


(clock)
THIS THREAD HAS EXPIRED.
Are you having the same problem? We have volunteers ready to answer your question, but first you'll have to join for free. Need help getting started? Check out our Welcome Guide.

Search Tech Support Guy

Find the solution to your
computer problem!




Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools


WELCOME
You Are Using: Server ID
Trusted Website Back to the Top ↑