positioning text freely

aaronh · #1 (**permalink**) Mar 18th, 2007, 18:38

I am having trouble with positioning.

One complicating factor is that I have two background images and I'm not sure how to place one image on top of the other.

I would like my name, that you see at top, to be just above and on the right of the yellow box.

Should I be looking into layers?

Thanks

aaronh · #2 (**permalink**) Mar 18th, 2007, 18:42

Oops, forgot to give the website.
http://digitizeyourdigits.com/aaron.html

BGarner · #3 (**permalink**) Mar 18th, 2007, 21:39

Ok,

Here's some code for you...

CSS - save this as "main.css"

Code: Select all

* {
  margin: 0;
  padding: 0;
}

body {
  background-image: url(pat.gif);
}

div#wrapper {
  background-image: url(page.jpg);
  margin: 0 auto; /*CENTERS IMAGE*/
}

HTML

HTML: Select all

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

<html lang="en">

<head>
<link rel="StyleSheet" href="main.css" type="text/css" />
</head>

<body>
</body>

</html>

Hopefully that works. As far as the text, just go into your picture editing program and type it in on top of the picture. It's the easier option.

aaronh · #4 (**permalink**) Mar 19th, 2007, 20:29

Thanks,
I think I'm starting on the right foot now.

However the page.jpg file is not showing up. I have it saved in the same folder as everything else.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
making text field text disapear	Phixon	JavaScript Forum	4	Feb 2nd, 2008 07:49
[SOLVED] Image with text -> text with background	alexgeek	Web Page Design	5	Nov 13th, 2007 23:25
Text Positioning Problems	Ed	Web Page Design	15	Oct 8th, 2007 03:09
Positioning Text, Links and Images	DregondRahl	Web Page Design	4	Jun 7th, 2007 11:34
alt text/title text differences	Donny Bahama	Web Page Design	3	Apr 23rd, 2007 17:02

		Webforumz.com > Main Forums > Design Your Website > Starting Out
positioning text freely