How would I lay this design out onto html?

I’m having difficulties on the place to start cutting this format I designed with photoshop. I are interested to take 100% with the web browser look at, regardless if consumers are viewing in 800×600 or 1024×768. I designed it 750×600 now I can’t figure out how to cut it and also lay it out there, specially with that mascot(the shroom like character about the right side with the image). If anyone right here has time that will me out We would highly appreciate the idea.

Thanks ahead of time!

You incorporate the use of tables that span percentages with the page, and make the actual borders/gradients a bg image of your respective cells. On huge resolutions however, the page may look too spread out due to loss of content.

Don’t have learned to that exactly, I’m a poor html writer. I’ll try to search for some tutorial during this, If anyone recognize any, please i want to know.

Thank you for replying.

I simply threw this together, theres still alot of work to perform and its nevertheless fairly complicated however it does what you deserve.
put your info from the < div> tags as well as the < td> tags where you need.
< html>
< head>
< title> Untitled Document< /title>

< script language=" JavaScript" type=" text/JavaScript" >
<! —
function MM_reloadPage(init) //reloads your window if Nav4 resized
if (init==true) with (navigator) in the event that ((appName==" Netscape" )& & (parseInt(appVersion)==4))
document. MM_pgW=innerWidth; document. MM_pgH=innerHeight; onresize=MM_reloadPage;
else if (innerWidth! =document. MM_pgW innerHeight! =document. MM_pgH) place. reload();

MM_reloadPage(true);
//–>
< /script>
< /head>

< body>
< div id=" Layer1" style=" location: absolute; left: 605px; leading: 31px; width: 151px; levels: 201px; z-index: 1" > mushroom creature picture in such a layer mushroom creature picture on this layermushroom creature picture during this layermushroom creature picture during this layermushroom creature picture during this layermushroom creature picture within this layermushroom creature picture with this layermushroom creature picture within this layer< /div> < div id=" Layer2" style=" location: absolute; left: 16px; leading: 194px; width: 226px; levels: 275px; z-index: 2" > Topicos Recente Topicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos RecenteTopicos Recente< /div> < desk width=" 750" height=" 220" border=" 1" bordercolor=" blue" >
< tr>
< td height=" 121" > < font size=" 7" > COGUMELMAGICOS< /font> < /td>
< /tr>
< tr>
< td height=" 21" > < desk bordercolor=" #FF00FF" >
< tr>
< td width=" 80" height=" 22" > Indica< /td>
< td width=" 80" > Biblioteca< /td>
< td width=" 80" > Fotografia< /td>
< td width=" 80" > Forum< /td>
< td width=" 80" > Links< /td>
< /tr>
< /table>

< /tr>
< tr> < td height=" 32" > < desk width=" 589" > < tr> < td width=" 228" > < /td> < td width=" 349" > text is going to be placed heretext might be placed heretext will probably be placed heretext will probably be placed heretext will probably be placed heretext shall be placed heretext are going to be placed heretext shall be placed heretext will

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *