Jump to content

* * * * - 2 votes

The Ultimate Layout Slicing and Coding Guide!

  • Please log in to reply
109 replies to this topic

#101 Bug


    P2L Staff

  • P2L Staff
  • PipPipPipPip
  • 3,611 posts
  • Gender:Male
  • Location:Perth, Australia

Posted 02 February 2007 - 08:01 PM

Thanks for volunteering, NGPixel <_<

#102 runedeath


    Young Padawan

  • Members
  • Pip
  • 8 posts

Posted 19 February 2007 - 06:26 PM

Erfff can anyone kindly tell me what is wrong here??? i don't understand why where the main content is i can't get et to stay in the box... doesnt automatically jump lines in the table..

Anyone?? *you may download the site to so the problems or just look at the source.

Site: http://www.kingofgfx.com/ldf
Download: http://www.kingofgfx.com/ldf/lfd.zip
*NOT TO BE reDistributed*

Thank-you for your help in advance!

#103 Devil_Inc


    Young Padawan

  • Members
  • Pip
  • 3 posts

Posted 17 March 2007 - 09:18 AM

This tutorial is one of the best if not the best and most informative & well thought out tutorial I've read in a long time. Big Thanks bro well done!
i just had to join to say that.


#104 playplus


    Young Padawan

  • Members
  • Pip
  • 1 posts

Posted 04 April 2007 - 12:19 PM

Well I followed the tutorial all the way everything looked just fine. But the issue I came across was when I was messing around and adding a long list of lines in the content box the left side boxes dragged down as wel... Anyone know how to fix this?

#105 MaSsDoWn


    Young Padawan

  • Members
  • Pip
  • 1 posts

Posted 31 July 2007 - 03:03 AM

one of the best tutorials i've ever seen :biggrin:


#106 _*cipcip_*

  • Guests

Posted 07 October 2007 - 11:18 AM

maybe if it was in css it was better ... table coding i think it is very basic ... anyone can do it in my opinion!

Edited by cipcip, 07 October 2007 - 03:28 PM.

#107 gaga


    Young Padawan

  • Members
  • Pip
  • 12 posts

Posted 12 October 2007 - 09:45 AM

Great tutorial Faken :) , is there is any more Advanced Tutorials like this ?

#108 zpaces


    Young Padawan

  • Members
  • Pip
  • 3 posts

Posted 28 December 2007 - 06:41 PM

Very great tutorial! Thanks mate!

But I have a problem, cuz I wanna change some.

I wanna do the header with the menu in Flash. The header should stay static. That means this area shall not reloaded when pressing a button in the menu while browsing through the page. I want the flash-header to be static because everytime you press a button on the menu, the Flash-animation will be interrupted and reloaded. But I want to keep the animation running while browsing this page.

It seems pretty simple, but I wanna scroll the whole page with the header. Because of my design ideas I don't want any scrollbars in the content area only. So the heigth of this area should match with the content itself (e.g. news.htm or news.php), so I can scroll the whole page.

So how can I solve this? I hope there is a simple way.
Many thanks in advance!

#109 Unreal


    like.. TOTally cool!

  • Members
  • Pip
  • 241 posts

Posted 20 January 2008 - 03:40 PM

I remember when this first went live... amazing tutorial... helped me a huge amount!

#110 Duc Su

Duc Su

    Young Padawan

  • Members
  • Pip
  • 29 posts

Posted 12 March 2009 - 08:39 AM

Hello all. I followed the guide for slicing and coding in slicingguide.com and I have finished. The end product when tested within Dreamweaver looks perfect. However, when I host it on my server and view it with IE, Firefox, and Safari browsers, I get some borders not lining up. I've back tracked my work and see if I have missed and or did anything wrong, but I could not find anything. Hopefully you guys know what I am talking about and have ran into this issue.

I have posted three screen shots. The first shot is viewing from an IE browser, the second one is from Dreamweaver workbench, and the third is from my iphone. The one from the workbench looks worse but looks great when I preview it under IE. In addition, I viewed with Safari and the lines looks the same as the workbench screen shot.

Posted Image
Finished result from IE Browser. Noticed the red circles. There were more on the bottom of the page.

Posted Image
Dreamweaver workbench. Noticed the red circle marks. Looks great when I preview under Dreamweaver, however.

Posted Image
This is a shot from my iphone using safari. Notice the breaks.

Nice guide btw. It was a long 2 day adventure for me. I wish to do another one similar to this one on my own but would like to fix these little issues before I proceed. Thanks.

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users