hosted by liquidweb


Go Back   Web Hosting Talk : Web Hosting Main Forums : Programming Discussion : Dreamweaver - placing text over images?
Reply

Forum Jump

Dreamweaver - placing text over images?

Reply Post New Thread In Programming Discussion Subscription
 
Send news tip View All Posts Thread Tools Search this Thread Display Modes
  #1  
Old
Web Hosting Guru
 
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



Sponsored Links
  #2  
Old
Community Leader
 
Join Date: Oct 2002
Location: Mayberry
Posts: 19,776
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  
Old
Web Hosting Guru
 
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

Sponsored Links
  #4  
Old
Community Leader
 
Join Date: Oct 2002
Location: Mayberry
Posts: 19,776
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  
Old
New Member
 
Join Date: Oct 2007
Posts: 4
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.

Reply

Related posts from TheWhir.com
Title Type Date Posted
Netflix Open Sources Tools Used to Monitor Security Threats Web Hosting News 2014-08-27 14:03:47
Joyent Cloud Adds Platform Optimization, Support for Ubuntu Server Images Web Hosting News 2014-02-20 11:19:00
New Report Suggests Microsoft in Cahoots with NSA Blog 2013-07-12 11:32:22
1&1 Internet Adds New SMB Tools to MyWebsite Web Hosting News 2013-03-25 16:29:43
Are you ready for Speed Networking at WHIR Events? Blog 2013-01-18 07:00:04


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes
Postbit Selector

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump
Login:
Log in with your username and password
Username:
Password:



Forgot Password?
Advertisement:
Web Hosting News:
WHT Membership
WHT Membership



 

X

Welcome to WebHostingTalk.com

Create your username to jump into the discussion!

WebHostingTalk.com is the largest, most influentual web hosting community on the Internet. Join us by filling in the form below.


(4 digit year)

Already a member?