Results 1 to 5 of 5
  1. #1
    Join Date
    Jul 2007
    Location
    Wales
    Posts
    315

    Dreamweaver - placing text over images?

    Hi Everyone
    Im designing a site, which i want to use the same image all the way along the menu bar for, so it loads quickly,and there will be a hover effect, where the whole image will change.
    I was wondering if anyone knew how to Place text over images and give them a hover effect, pref. without using frames, and the images below need the hover effect too,.


    Thanks in advance
    George Pearce | Get Started Blogging
    Twitter me - @pearce

  2. #2
    Join Date
    Oct 2002
    Location
    Middle Dearth
    Posts
    21,250
    Use CSS to place the image into the background of the div (or table cell, if you prefer) and create a CSS hover effect to swap it. IE has trouble with background images and placement of information above it, so you may be forced into tables...
    Having problems, or maybe questions about WHT? Head over to the help desk!

  3. #3
    Join Date
    Jul 2007
    Location
    Wales
    Posts
    315
    Ok, roughly how would i do that? I've already got another CSS to use AJAX, but further than that i have no idea o.0
    Is tehre something i can add to the table, or something like that? Im no good at this
    George Pearce | Get Started Blogging
    Twitter me - @pearce

  4. #4
    Join Date
    Oct 2002
    Location
    Middle Dearth
    Posts
    21,250
    Maybe this will help get you started?
    http://www.tankedup-imaging.com/css_dev/menus.html
    Having problems, or maybe questions about WHT? Head over to the help desk!

  5. #5
    Use a psuedo-hover class in the format -

    .className a:hover

    to swap the background image for the element OR use javascript to change the name of the class onMouseover and have different images for the two different classes.

  6. Newsletters

    Subscribe Now & Get The WHT Quick Start Guide!

Related Posts from theWHIR.com

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •