Dreamweaver/HTML Help

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

  1. Aperture macrumors 68000

    Aperture

    Joined:
    Mar 19, 2006
    Location:
    PA
    #1
    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

    rhoydotp

    Joined:
    Sep 28, 2006
    #2
    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

    MrSmith

    Joined:
    Nov 27, 2003
    #3
    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.
     

Share This Page