Dream.In.Code > Web Development > HTML & CSS

Welcome to Dream.In.Code
	Become an Expert! Join 149,593 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,854 people online right now. Registration is fast and FREE... Join Now! Chat LIVE With a Expert

Adding text over image with html

Reply to this topic

Start new topic

Adding text over image with html

clintmyster	3 Oct, 2007 - 05:17 AM Post #1
New D.I.C Head Joined: 1 Oct, 2007 Posts: 6 My Contributions	I have this image and i want to add text directly on the image. I would like to do this in html so then the text is copyable. The text would just be like "title" and I do NOT want it to be an image. If you need further clarification to help me out, what i am exactly trying to do is located on this webpage which contains the same image. perfumewarehouse
	This Post Was Helpful!


Register for Free to Make These Ads Go Away!

PsychoCoder	RE: Adding Text Over Image With Html 3 Oct, 2007 - 05:21 AM Post #2
using DIC.Core; Joined: 26 Jul, 2007 Posts: 9,482 Thanked: 161 times Dream Kudos: 9050 Expert In: VB, VB.Net, C#, SQL, ASP, ASP.Net, Web Development, HTML, CSS, Win32 API, Javascript, mySQL, J#, Boo.Net My Contributions	Set that image as the background for a Table Row (tr) or a TD, then put your text in the TD as you normally would.
	This Post Was Helpful!

EEE	RE: Adding Text Over Image With Html 9 Oct, 2007 - 08:06 AM Post #3
New D.I.C Head Joined: 16 Aug, 2007 Posts: 4 My Contributions	You could also use CSS (cascading style sheets) or the "style" attribute to set the z-index property of the <div> for the image at a lower number than the <div> containing the text. For example [code] .... <div style="background-image:url(YourPicture.jpg);z-index:0"></div> <div style="z-index:10">Your Text</div> [code] From what you are writing though, it sounds like you may want to have this same background image in multiple places on your page. You may want to use a CSS class. [code] .... <style> .titleDiv {background-image:url(YourPicture.jpg)} </style> .... <div class="titleDiv">Your Text</div> [code]
	This Post Was Helpful!

Fast Reply

Reply to this topic

Start new topic

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

Time is now: 1/7/09 11:11PM

Invision Power Board v2.1.7 © 2009 IPS, Inc.

Licensed to: MediaGroup1

Advertising | Terms of Use | Privacy Policy | About Us | Site Map

Forum Index: Programming Help | C and C++ | Visual Basic | Java | VB.NET | C# | ASP.NET | PHP | ColdFusion | Perl and Python | Ruby | Databases | Other Languages | Game Programming | Software Development | Computer Science | Industry News | Programming Tutorials | C++ Tutorials | Visual Basic Tutorials | Java Tutorials | VB.NET Tutorials | C# Tutorials | Linux Tutorials | PHP Tutorials | ColdFusion Tutorials | Windows Tutorials | HTML/JavaScript Tutorials | CSS Tutorials | Flash Tutorials | Web Promotion Tutorials | Photoshop Tutorials | Software Development Tutorials | Database Tutorials | Other Language Tutorials | ASP.NET Tutorials |

Copyright 2001-2008 MediaGroup1 LLC, All Rights Reserved
A MediaGroup1 LLC Production - Version 6.0.2.1.36
Server: secure2

Search^Updated!w00t

Over 509,000 Pages! Advanced Forum Search

Be Social

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Join our IRC Chat

Bye Bye Ads

Monthly Drawing

Top Contributors

Top 10 Kudos This Month