TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

HTML help

Home > Cool Websites, Web Site Design and Technology > Client Side code
Page: 1 Reply
Sep 13th 2002#69087 Report
deemac
Member since: Jul 28th 2002
Posts: 33
Can anyone please tell me where I'm going wrong here....

I've taken an image in PS and saved it as an HTML page but I can't get the image in question to centre on the page when I preview it in Internet Explorer no matter what resolution I save the page at. The image always appears in the top left corner or there about and I've tried saving the page in all the different sizes I can think off (640 x 480, 800 x 600, 832 x 624 etc etc) so I always have to scroll around so the image is centered on the page and when I've previewed other pages around they always seem to be bang in the centre when they load up.

My next question is if I can get this sorted out where would I upload an HTML page so I can post it on the splash section (I have checked out the info available on the FAQ section but I'm not very experienced with the HTML format so I'm kinda lost here).

Cheers in advance for any help.

D......
Reply with Quote Reply
Sep 13th 2002#69089 Report
Good Christian
Member since: Mar 18th 2001
Posts: 796
Just add 2 tags in your html code.

< center >


< / center >

(without spaces)

should be in client side code forum
Reply with Quote Reply
Sep 13th 2002#69091 Report
deemac
Member since: Jul 28th 2002
Posts: 33
Sorry, can I add this directly in PS because I have no HTML experience

Thanks

D.....

(PS any uploading tips)
Reply with Quote Reply
Sep 13th 2002#69100 Report
xchanin
Member since: Jun 20th 2002
Posts: 378
Do you have an HTML editor?
Reply with Quote Reply
Sep 13th 2002#69102 Report
Good Christian
Member since: Mar 18th 2001
Posts: 796
I don't know if you can do it with PS.

It's really easy.

Open you browser

Right Click >> View Source

Notepad should open

There should be a tag called < body ... > (... means there can be some other code there)

Put the < center > tag right after it.


Now find < / body > at the end of your file. Put < / center > before it. Now do File >> Save and your done, refresh your page and voila.
Reply with Quote Reply
Sep 14th 2002#69255 Report
deemac
Member since: Jul 28th 2002
Posts: 33
Thanks for the replies

I managed to get the image centered horizontaly _ but it still won't centre vertically |

I'm inserting the HTML code as instructed but I may be missing something fundimental out/?

Cheers

D.........
Reply with Quote Reply
Sep 14th 2002#69259 Report
BlueBalance
Member since: Sep 14th 2002
Posts: 32
Hi there,

insert this in youre tag:



[table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="height:100%]
[tr] [td valign="middle"][/table]
Reply with Quote Reply
Sep 14th 2002#69263 Report
deemac
Member since: Jul 28th 2002
Posts: 33
Thanks for the prompt reply

I'm not sure exactly where in the HTML page I'm supposed to to put the code you suggest so I've placed the code below for reference so I would grateful if you could make some sense out of it for me (please excuse the fact I've had no experience with HTML)

Regards

D.....

<HTML>
<HEAD>
<TITLE>footballsplashhtml2</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<center>
<!-- ImageReady Slices (footballsplashhtml2.jpg) -->
<TABLE WIDTH=257 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/footballsplashhtml2_01.jpg" WIDTH=257 HEIGHT=312></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/footballsplashhtml2_02.jpg" WIDTH=29 HEIGHT=23></TD>
<TD>
<A HREF="http://www.teamphotoshop.com">
<IMG SRC="images/footballsplashhtml2_03.jpg" WIDTH=46 HEIGHT=19 BORDER=0></A></TD>
<TD ROWSPAN=2>
<IMG SRC="images/footballsplashhtml2_04.jpg" WIDTH=182 HEIGHT=23></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/footballsplashhtml2_05.jpg" WIDTH=46 HEIGHT=4></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</center>
</BODY>
</HTML>

[HTML codes will parse, so here goes]
Reply with Quote Reply
Sep 15th 2002#69348 Report
BlueBalance
Member since: Sep 14th 2002
Posts: 32
Hello again,




[center][TABLE WIDTH=257 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center" style="height:100%]
[TR]
[TD COLSPAN=3 valign="middle"]
[IMG SRC="images/footballsplashhtml2_01.jpg" WIDTH=257 HEIGHT=312][/TD]
[/TR]


p.s. change [] with <>
Adrian.
Reply with Quote Reply
Page: 1 Back to top
Please login or register above to post in this forum