Shoutbox

Help this webdesign noob - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: Help this webdesign noob (/showthread.php?tid=37876)

Help this webdesign noob by paperless on 02-03-2005 at 03:28 PM

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...

[Image: ihnp-200265thumb.png]



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?


RE: Help this webdesign noob by Titty on 02-03-2005 at 07:36 PM

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'.


RE: Help this webdesign noob by .blade// on 02-03-2005 at 07:38 PM

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.


RE: Help this webdesign noob by paperless on 02-03-2005 at 08:24 PM

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..
RE: Help this webdesign noob by megamuff on 02-03-2005 at 08:30 PM

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

eww bad spelling.. :S anyway:

<div style="position:absolute;left:10;top:10;">
BLAH BLAH BLAH
</div>
RE: Help this webdesign noob by Titty on 02-03-2005 at 08:30 PM

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.)


RE: Help this webdesign noob by segosa on 02-03-2005 at 09:22 PM

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


RE: Help this webdesign noob by Titty on 02-03-2005 at 09:30 PM

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 !


RE: Help this webdesign noob by paperless on 02-03-2005 at 11:20 PM

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


RE: Help this webdesign noob by surfichris on 02-03-2005 at 11:37 PM

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.


RE: Help this webdesign noob by Concord Dawn on 02-04-2005 at 12:59 AM

To much of these X languages now a days......
[/offtopic]

I think it would be best to try and seperate the image. What program are you designing the website in anyways?


RE: Help this webdesign noob by megamuff on 02-04-2005 at 01:32 AM

quote:
Originally posted by Chris Boulton
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.

there is no better web site to learn code at, than http://w3schools.com
RE: RE: Help this webdesign noob by user2319 on 02-09-2005 at 06:12 PM

quote:
Originally posted by Segosa
<img src="url here">, Titty. :p


<img src="url here" alt="" />, Segosa. :p
RE: Help this webdesign noob by segosa on 02-09-2005 at 09:06 PM

quote:
Originally posted by PlusFan
<img src="url here" alt="" />, Segosa. :p


Well yeah, but who apart from you and I cares about validation? :p
RE: Help this webdesign noob by Eljay on 02-09-2005 at 09:34 PM

i do *-)


RE: RE: Help this webdesign noob by user2319 on 02-10-2005 at 05:44 PM

quote:
Originally posted by Segosa
quote:
Originally posted by PlusFan
<img src="url here" alt="" />, Segosa. :p


Well yeah, but who apart from you and I cares about validation? :p


people browsing in text mode?

[ nice_looking_fancy_spacer.gif ] [nice_looking_fancy_spacer.gif ] [ nice_looking_fancy_spacer.gif ]

people who can't read (it really isn't funny hearing "image nice looking fancy spacer.gif" all the time)

And probably some more people
RE: Help this webdesign noob by segosa on 02-10-2005 at 06:17 PM

quote:
Originally posted by PlusFan
people browsing in text mode?

[ nice_looking_fancy_spacer.gif ] [nice_looking_fancy_spacer.gif ] [ nice_looking_fancy_spacer.gif ]

people who can't read (it really isn't funny hearing "image nice looking fancy spacer.gif" all the time)

And probably some more people

Yes.. I know. My website's XHTML and CSS compliant and I test it in lynx occasionally to make sure it appears properly. I wasn't serious, it was just that most people I talk to about validation don't care about it.
RE: Help this webdesign noob by fluffy_lobster on 02-10-2005 at 10:08 PM

quote:
Originally posted by Chris Boulton
Take a look at the links and resources here: http://glish.com/css/
Lots of position:absolute in there :mipdodgy:

* fluffy_lobster vomits
RE: RE: Help this webdesign noob by Titty on 02-10-2005 at 10:31 PM

quote:
Originally posted by Segosa
quote:
Originally posted by PlusFan
people browsing in text mode?

[ nice_looking_fancy_spacer.gif ] [nice_looking_fancy_spacer.gif ] [ nice_looking_fancy_spacer.gif ]

people who can't read (it really isn't funny hearing "image nice looking fancy spacer.gif" all the time)

And probably some more people

Yes.. I know. My website's XHTML and CSS compliant and I test it in lynx occasionally to make sure it appears properly. I wasn't serious, it was just that most people I talk to about validation don't care about it.


I'm too lazy to validate :\
It's not like my website is like, a huge company or anything ;p


Edit:  You have a .cx !  No fair ;p
RE: RE: Help this webdesign noob by user2319 on 02-11-2005 at 06:27 PM

quote:
Originally posted by Segosa
quote:
Originally posted by PlusFan
people browsing in text mode?

[ nice_looking_fancy_spacer.gif ] [nice_looking_fancy_spacer.gif ] [ nice_looking_fancy_spacer.gif ]

people who can't read (it really isn't funny hearing "image nice looking fancy spacer.gif" all the time)

And probably some more people

Yes.. I know. My website's XHTML and CSS compliant and I test it in lynx occasionally to make sure it appears properly. I wasn't serious, it was just that most people I talk to about validation don't care about it.


It looks nice in lynx! :o)

But you shouldn't use "&" in URLs!

http://validator.w3.org/check?uri=http%3A%2F%2Fm00.cx%2F
RE: Help this webdesign noob by fluffy_lobster on 02-11-2005 at 07:12 PM

Oh tut tut segosa my old boy, i'm disappointed in you.

Please, nobody validate my site! It was written before i knew what the w3c was!