Dreamweaver/HTML Help

Discussion in 'Web Design and Development' started by Aperture, Oct 2, 2006.

  1. Aperture macrumors 68000


    Mar 19, 2006
    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!!
  2. rhoydotp macrumors 6502


    Sep 28, 2006
    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.
  3. MrSmith macrumors 68040


    Nov 27, 2003
    If I remember correctly, something like this
    (image1.gif on image2.gif.):


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


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

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


    Something like that, I believe.

Share This Page