Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Aperture

macrumors 68000
Original poster
Mar 19, 2006
1,876
0
PA
Hi guys. I finished my redesigned site, KevinSchaefer.net, and made a few threads about it already asking for critique /etc. The general census is I need to get away from using the ImageReady-Exported Tables. I need a bit more help on coding now. Just to try and explain what im doing, I made the site in Adobe Imageready and it is loading very slow, and am trying to make the site a bit more dial-up friendly. To do this, I am (please look at the first page now) trying to save the entire page minus the text on the nav bar (I saved each little text as a transparent GIF, so I can overlay it onto the master image which includes everything else on the page). Now, i'm in DreamWeaver and already added the master image to the coding, I tried adding the first block of text (Home) (transparent GIF) on top of the master image, and it just moves it above or beneath the master image. How can I OVERLAY the little block of text (keep in mind, its a GIF, not text) onto the one big image? I hope I described this well enough. If you are confused, please post and i'll get some screen shots up.

Sorry for the long post.

Any help appreciated!!
 
i haven't done much html lately bu i believe you can achive this via css (cascading style-sheet) with the use of absolute positioning and z-index values. search the web for more info regarding this. a good place to start is: http://www.w3.org/Style/CSS/

hope this helps a little bit.
 
If I remember correctly, something like this
(image1.gif on image2.gif.):

<head>

<style type="text/css">
#imel {
position: relative;
z-index: 100;
bottom: 10px;
}
</style>

</head>


<body>
<img src="image2.gif" ...>

<span id="imel">
<img src ="image1.gif" ...>
</span>

</body>

Something like that, I believe.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.