Shoutbox

Hey people i need your help..
Look i want to make my own template in my blog im making but i dont know how to do one thing...

I have this image to use as skeleton of the blog...





What i want to know is how to dont let the text etc walk in every place of the image...i want the text only to circulate in some parts of it like limits in the image where text can be and where it cant....
And i dont know how to do this im some kind of a zero



And this site : http://www.n-sane.net/tutorials.php

How does he do that? Like he has the "building" "features" texts up on the image and it only stays in that place of the image, doesnt move.
And it has html uppon the image too how do i do that advanced thingy?

I thought of two ways to do this.

In Photoshop, you can go to slice images, and slice it and then go back and code it and include your text.  (I haven't tried this but I'm pretty sure it might work.)

Also, you could just div align it.  That's even easier if you're too lazy to slice images. ;p

Alright, I just looked at his source.
He has the main image as the background, and then aligned the
text to fit ontop of the 'background'.

I think the easiest way to do it would be to seperate the top, then set the bottom part as a repeating image in the back of a table, or as a stationary image in the back of a table with an iframe over top of it.

quote:

---

Originally posted by Titty
I thought of two ways to do this.

In Photoshop, you can go to slice images, and slice it and then go back and code it and include your text.  (I haven't tried this but I'm pretty sure it might work.)

Also, you could just div align it.  That's even easier if you're too lazy to slice images. ;p

Alright, I just looked at his source.
He has the main image as the background, and then aligned the
text to fit ontop of the 'background'.

---

Yeah i saw that on a code of a example template can u tell me how to div? please pelase..

quote:

---

Originally posted by blade
I think the easiest way to do it would be to seperate the top, then set the bottom part as a repeating image in the back of a table, or as a stationary image in the back of a table with an iframe over top of it.

---

Not the same i think..

quote:

---

Originally posted by paperless
can u tell me how to div? please pelase..

---

eww bad spelling.. anyway:

<div style="position:absolute;left:10;top:10;">
BLAH BLAH BLAH
</div>

BEGINNER:

<div style="top: 0px; left: 0px; position: absolute; z-index:1">
<img="url here">
</div>
Play around with the numbers.


ADVANCED:

<div id="name here">
<img="url here">
</dvi>
After you've put the dimensions in your css file.  (If you have external css file like I have on my website.)

<img src="url here">, Titty.

HAHA, I can't believe I made that mistake.


I'm glad I didn't do that on my website, lol.



Oh man, FOR SHAME !  I'm tired, nappy time !

can u please be more specific on it.. ? anyone.. ?

There is nothing better than learning how to do it yourself.

Take a look at the links and resources here: http://glish.com/css/

That design looks pretty cool too.

Spend a bit of time looking at the resources and if you don't get anywhere with how CSS and XHTML work then i'll give it a shot for you.