Placing text over images

[Berwin]

I'm trying to place text over this image of a writing tablet, with "Welcome!" as the title and body text after that. As you can see, the title looks okay, but it isn't displayed correctly on every computer.

The text always seems for move when I resize the window, but I'd like it to be locked in place. Also, I'm not sure how to set the amount of space so
the text can fall onto each line appropriately.

Can someone give me some tips? :huh:

 

[Deviant Cloud]

position: absolute;

 

[matt_sells]

as for the space issue, i would use <div> tags and measure the width of your image and adjust accordingly.

 

[Berwin]

Okay, thanks guys!

 

[Nullware]

"position: absolute" is not a very nice way of doing things when it can be avoided.

Just place your image in the background using CSS.

Example as the background for a div:

<div style="background:url(image.png) top left no-repeat">
Writing on some image
</div>

 

[Deviant Cloud]

"position: absolute" is not a very nice way of doing things when it can be avoided.

Just place your image in the background using CSS.

Example as the background for a div:

<div style="background:url(image.png) top left no-repeat">
Writing on some image
</div>

It's true but if margins aren't set then it works.

 

[Berwin]

I might need your help later if that's okay... But I had another question for you right now. Do you know why I'm not able to load my website from any computer at my house, but I seem to be able to on any other network?

Edit:
Whenever I load it, I get NameCheap's page that says "this domain name has recently been registered." Could it have to do with me changing the domain name server settings yesterday?

 

[Deviant Cloud]

Delete your cookies, and try again.

 

[Jazz00006]

Cookies have nothing to do with the DNS cache.

DNS updates take anywhere from 2-72 hours. Most of the changes are done in the first 2 hours, the rest of the time is for everyone else to update their DNS cache, including your own ISPs.


Take a look here to manually flush your DNS, but it should be visible (provided you haven't screwed up your zone file)

 

[iDesignLogos]

As for the lines matching up, you can play around with the CSS property

line-height: #px;

 

[Deacon Frost]

I might need your help later if that's okay... But I had another question for you right now. Do you know why I'm not able to load my website from any computer at my house, but I seem to be able to on any other network?

Edit:
Whenever I load it, I get NameCheap's page that says "this domain name has recently been registered." Could it have to do with me changing the domain name server settings yesterday?

I know this is probably fixed... Delete your cache and cookies. Restart your browser. Try a different browser...etc

Cookies have nothing to do with the DNS cache.

DNS updates take anywhere from 2-72 hours. Most of the changes are done in the first 2 hours, the rest of the time is for everyone else to update their DNS cache, including your own ISPs.


Take a look here to manually flush your DNS, but it should be visible (provided you haven't screwed up your zone file)

Propagation times are only up to 24 hours. It will only take 24 hours in extreme circumstances. 72 hours is wayyyy too high. Anything after that, if you're still having difficulties connecting, clear your cookies/cache, or run a ping and tracert to the domain to see what's going on.