MysticMonkey

thanks Dizi, what i found out was that adobe illustrator got my images in tables and inputing text will make it a mess, i do know a bit of html and will definately do some reading up, what i intend to do is use illustrator to cut up my web layout, optimize and use <div> tags to seperate the images and fit in text; i think this will work. thanks and maybe when i am done i can post you the link to the website. thanks again MysticMonkey

Hi All, To Dizi, i just made my homepage on illustrator and transfered it to HTML; my problem is that my original document on illustrator had dimensions 800x600 ; when i load the page, it does not fit the screen giving me a large chunk of white area on the width; please how can i solve this problem or what do you recommend. if it heps this is my html code: sorry for so much text guys..really sorry <html> <head> <title>Web</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Untitled-1.ai) --> <table id="Table_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="8"> <img src="images/IncognitoConcepts_01.gif" width="800" height="36" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="36" alt=""></td> </tr> <tr> <td rowspan="12"> <img src="images/IncognitoConcepts_02.gif" width="31" height="564" alt=""></td> <td colspan="6" align="left" valign="top"> <img src="images/IncognitoConcepts_03.jpg" width="738" height="172" alt=""></td> <td rowspan="12"> <img src="images/IncognitoConcepts_04.gif" width="31" height="564" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="172" alt=""></td> </tr> <tr> <td colspan="6"> <img src="images/IncognitoConcepts_05.gif" width="738" height="14" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="14" alt=""></td> </tr> <tr> <td colspan="2" rowspan="5" align="left" valign="top"> <img src="images/IncognitoConcepts_06.jpg" width="345" height="250" alt=""></td> <td colspan="4"> <img src="images/IncognitoConcepts_07.gif" width="393" height="21" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="21" alt=""></td> </tr> <tr> <td colspan="3" rowspan="5"> <img src="images/IncognitoConcepts_08.gif" width="218" height="259" alt=""></td> <td align="left" valign="top"> <img src="images/IncognitoConcepts_09.gif" width="175" height="73" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="73" alt=""></td> </tr> <tr> <td align="left" valign="top"> <img src="images/IncognitoConcepts_10.gif" width="175" height="73" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="73" alt=""></td> </tr> <tr> <td align="left" valign="top"> <img src="images/IncognitoConcepts_11.gif" width="175" height="73" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="73" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/IncognitoConcepts_12.gif" width="175" height="40" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="10" alt=""></td> </tr> <tr> <td colspan="2" rowspan="2"> <img src="images/IncognitoConcepts_13.gif" width="345" height="31" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="30" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/IncognitoConcepts_14.gif" width="37" height="1" alt=""></td> <td colspan="2" rowspan="2" align="left" valign="top"> <img src="images/IncognitoConcepts_15.gif" width="356" height="36" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="images/IncognitoConcepts_16.gif" width="11" height="97" alt=""></td> <td colspan="2" rowspan="2" align="left" valign="top"> <img src="images/IncognitoConcepts_17.gif" width="356" height="36" alt=""></td> <td rowspan="3"> <img src="images/IncognitoConcepts_18.gif" width="15" height="97" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="35" alt=""></td> </tr> <tr> <td colspan="2" rowspan="2"> <img src="images/IncognitoConcepts_19.gif" width="356" height="62" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/IncognitoConcepts_20.gif" width="356" height="61" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="61" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="31" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="11" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="334" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="22" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="15" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="181" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="175" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="31" height="1" alt=""></td> <td></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> Thank you

Dear all, i have just made a cool poster image for my website (under construction) on photoshop with dimensions 604 x 453; please could you advise me on what dimensions that will fit any screen and how to code it. i have tried css and it still does not fit the screen. Many Thanks

Just to say hello to the community; i am graduate and i did some web design at university; and i have decided to take it up as a hobby and for business. thank you for having me.