Is there anyway i can use CSS or HTML to put a text object on top of a piece of a picture?
eltommyo 0 Junior Poster in Training
Recommended Answers
Jump to PostYes, with CSS absolute positioning or layers.
All 4 Replies
Dani 4,675 The Queen of DaniWeb Administrator Featured Poster Premium Member
eltommyo 0 Junior Poster in Training
can you give me a code to do it?
the message can be: does it work?
and the picture is: http://usera.imagecave.com/eltommyo/ghostlypets.jpg
eltommyo 0 Junior Poster in Training
i want like a scrolling text box over the brown box
Mike Empuria 1 Newbie Poster
You want something like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Text Box</title>
<style type="text/css">
<!--
#textBox {
position:absolute;
left:80px;
top:40px;
width:94px;
height:56px;
z-index:1;
overflow: scroll;
}
-->
</style>
</head>
<body>
<img src="textbox.jpg alt="Text" />
<div id="textBox">Does it work? </div>
</body>
</html>Your image was not available so I couldn't put in the proper co-ordinates for the textBox layer but I'm sure you can sort it out.
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.