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 10-02-2007, 10:29 AM
GPearce GPearce is offline
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

Reply With Quote


Sponsored Links
  #2  
Old 10-02-2007, 10:34 AM
bear bear is offline
Community Leader
 
Join Date: Oct 2002
Location: Mayberry
Posts: 19,497
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!



Reply With Quote
  #3  
Old 10-02-2007, 10:55 AM
GPearce GPearce is offline
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

Reply With Quote
Sponsored Links
  #4  
Old 10-02-2007, 11:28 AM
bear bear is offline
Community Leader
 
Join Date: Oct 2002
Location: Mayberry
Posts: 19,497
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!



Reply With Quote
  #5  
Old 10-02-2007, 11:03 PM
web_design_sydney web_design_sydney is offline
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 With Quote
Reply

Related posts from TheWhir.com
Title Type Date Posted
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
WHD.local 2013 London, UK Web Hosting Events 2012-11-20 15:34:40


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:



 

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?