Page 1 of 1

Coding

PostPosted: Sat Feb 21, 2004 8:58 pm
by blueraven
Hope this is where this goes 0.o well, question!

First off, everything I know dealing with graphics and web design I've pretty much taught myself so after four years I still don't know much. So keep in mind I'll probaly have a hard time understanding. But to get to my question.

Might anyone beable to help me with coding. I'd like to use the following image (doesn't look like much I know but sure was a pain) I would like to use and such. I'm thinking I'll have to do something with frames and of course image mapping but how I go about doing that I'm pretty much clueless. I'd like it all to be centered in the window no matter what the view is set to if possible and well. I would really appricate any help on this matter. Thankies!

image here

And yes, it is for a fanlisting on thefanlistings.org ^.^ been "approved" for Kaze wa Mirai ni Fuku.

PostPosted: Sat Feb 21, 2004 9:31 pm
by LorentzForce
first, you'll have to make that picture a bit smaller in file size. perhaps lighten it a bit then compress it even further, or reduce number of colours... because it takes way too long for person like me to load.

there are few ways you can go around to use that image for a site;

1) split the image so there are 9 frames, with the one in the middle being that square. this is probably the easiest, but some browsers hate frames...
2) same as above but make it into a table, with middle cell containing an iframe.

eventually i think you'll have to divide that image into seperate parts. if you used photoshop you can just slice it up and save it that way, then use them per frame with seperate page for each.

i'm being brief, but hope it helps.

PostPosted: Sat Feb 21, 2004 9:39 pm
by glitch1501
that is pretty cool
lorentzforce pretty much sumed it up, slicing in photoshop is awesome, and iframes and regular frames should work for this design

PostPosted: Sat Feb 21, 2004 9:42 pm
by blueraven
I figured I would probaly need to do something like that. Probally just me but I find that saving things as png is eaiser for me to edit if I need to. I'll have to remember to do that, thanks :thumb:

I've never been good with frames so I'll look into taking your advice with the tables. I do have PSP but I've never sliced, but now more of a reason to use more Er- stuff :sweat: sorry, don't mind me a bit late.

Brief yes and very helpful. Understood everything! Thank you very much.

PostPosted: Sat Feb 21, 2004 10:05 pm
by LorentzForce
no problems :) good luck making the site then.

PostPosted: Sun Feb 22, 2004 10:25 am
by blueraven
Hm- I really must be doing something wrong. I sliced it into 12 parts and going with the table idea. I've tried setting the images as a bg and then just as a regual image inside the cell but I keep getting some sort of problem. Won't show up as a bg but with an image I can get the columns to line up perfectly but there is always a thick white space between the rows. Its not the images since after I sliced with PSP I went and sliced everything myself and it all fits together :?: please?

PostPosted: Sun Feb 22, 2004 4:58 pm
by madphilb
I can help with this... if you want to see the code in action, goto the following site:

http://home.earthlink.net/~pbartol/

That's my old personal site (badly in need up replacement, updating)... anyway, I hand code all my pages, you should be able to figure out the code for it.

For the whole IFrame thing, you'll have to talk to someone else about that, never touch the stuff myself ;)

The trick is in setting Cellpadding and cellspacing to 0 and make sure you don't have a border on the table either.

Hope it helps, hollar if you have problems (but I won't be back online till tomorrow afternoon.

BTW, feel free to IM me on Yahoo if you want... I usually am on in the afternoon/evening (right now in training for my new job).

PostPosted: Sun Feb 22, 2004 5:23 pm
by ShiroiHikari
You might talk to Ink about the tables thing...she knows about that stuff ^^

PostPosted: Sun Feb 22, 2004 8:20 pm
by LorentzForce
>The trick is in setting Cellpadding and cellspacing to 0 and make sure you don't have a border on the table either.

precisely. without them you'll get 'borders' between cells, which look ugly. it could have been easier just to slice it up and 'Save Optimised' or something similar which you can then save it as a .html file containing the table with images, and actually looks perfect.

well, it's still flawed, so keep editing it until you get it right :thumb: that's the secret of web designing... if you're just starting to make a site, and if there's something wrong, just keep doing it until you get it.

PostPosted: Sun Feb 22, 2004 8:42 pm
by blueraven
Hm, I made sure I had those in the code. I thought I did save it, though the images always go splochie with me (probaly again doing something wrong) so I get the dimenions from that and then slice it myself, but I didn't see anything about a .html file 0.o Ugh, this is gunna give me crazy! I'll try again tomorrow after school. Thanks for continually giving me your advice and help. I really feel like a twit with all these questions.

And I most certianlly will send an IM your way, if you'd still like. Thank you muches.

Times like this I wish I knew more people I felt more Er- "comfortable" about annoying who knew even the tiny bit of web design. But until then I get to bug everyone here :lol:

EDIT: Weees! Went though it again lastnight and got it :hits_self Thankies for all your helps and patience.