HTML Forum

**tomcat_fo** · 08-31-2006, 09:33 AM

I want an image behind some of my headlines....

Have tryed to use background= wich works fine except image repeat itself when some table size automaticly changes. .... i there need to use to put it on the website as an ordinary image, so i can fix the size - so i hope someone can tell me how to make it possible to write text over an image in HTML

**LadynRed** · 08-31-2006, 09:50 AM

You can do it, but you'd have to use CSS. With CSS you can use an image as a background for a <div> and then you can put your text on top in the HTML.

**tomcat_fo** · 08-31-2006, 10:10 AM

do most browsers show it right ?

**LadynRed** · 08-31-2006, 02:22 PM

Yes, they do.

**funkdaddu** · 02:25 PM

Yup. I'm guessing you're not familiar with CSS? Here is a simple example., but it would be in your best interest to read up on the basics.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<style type="text/css" media="screen"><!--h1  {
	color: #fff;
	background: url("http://www.cee.hw.ac.uk/hipr/images/bur1.gif") no-repeat;
	width: 256px;
	height: 256px;
	display: block;
	
	}
--></style>
	</head>

	<body bgcolor="#ffffff">
		<h1>This is a Test</h1>
	</body>

</html>

**BlueM3** · 09-04-2006, 03:35 PM

Quote:

Originally Posted by funkdaddu

Yup. I'm guessing you're not familiar with CSS? Here is a simple example., but it would be in your best interest to read up on the basics.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>

    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <title>Untitled Page</title>
        <style type="text/css" media="screen"><!--h1  {
    color: #fff;
    background: url("http://www.cee.hw.ac.uk/hipr/images/bur1.gif") no-repeat;
    width: 256px;
    height: 256px;
    display: block;
    
    }
--></style>
    </head>

    <body bgcolor="#ffffff">
        <h1>This is a Test</h1>
    </body>

</html>

yeap its work

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!