Results 1 to 11 of 11
Thread: Slicing, Coding, Ahhh!!!
-
05-23-2005, 07:24 PM #1Newbie
- Join Date
- Apr 2005
- Posts
- 16
Slicing, Coding, Ahhh!!!
Ok I created a nifty *giggles* design made from photoshop. I am having trouble slicing it and coding it though. I want the content box to expand when I add lots of content in it. I wish not to use deadly frames/iframes for they are evil to google! Can anyone post a tutorial link or reply for me? I wish to use HTML, PHP, and CSS only. Thank you very much.
-
05-23-2005, 07:35 PM #2Web Hosting Master
- Join Date
- Sep 2003
- Posts
- 1,215
There isn't really a tutorial for coding a template as it varies from design to design. Why do you need to use php? That's a programming language.
I suggest you visit www.htmlgoodies.com to learn html/css and take it from there
-
05-23-2005, 08:39 PM #3Web Developer
- Join Date
- Feb 2003
- Location
- Connecticut
- Posts
- 5,460
What a lot of people do is use the OVERFLOW attribute.
style="overflow: auto;" will automatically add scrollbars to a box if the content is larger than it. I would recommend experimenting with it if you would like a better alternative to iframes.
-
05-23-2005, 10:39 PM #4Newbie
- Join Date
- May 2005
- Location
- SouthEast US
- Posts
- 28
I don't know anything about slicing and using Photoshop for web design. I've seen a couple templates that used it and when I saw the code generated, I threw it out and hardcoded my own design. LOL
I'm still learning some things. I don't use html frames, but I do use frames that I make with php. What I do is just create an index.php file, create a table that is 3X3 (header, body, footer going top to bottom and menu, body, right wing going left to right). Then just use the php script to 'include' whatever page you want in the appropriate cell in your index.php page. I can post a sample site if you need it (as long as I won't get in trouble for posting it)
Why are frames bad for google? Would php frames be bad too?
-
05-23-2005, 10:43 PM #5Retired Moderator
- Join Date
- May 2004
- Location
- Pflugerville, TX
- Posts
- 11,231
Frames are bad for search engines and for human visitors for a number of reasons. IMHO, the worst reason is orphaned pages in SE indexes, but difficulty bookmarking and use of devices with frames unavailable are the biggest problems.
I believe you're referring to PHP includes, which should not be called frames. This confuses two terms that describe very different ways of doing similar things. The PHP includes you're talking about are a fantastic way of creating efficiency in markup, and I heartily recommend using them. Traditional frames are nearly worthless (.01% of the time, they can be useful).Studio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design
-
05-23-2005, 10:53 PM #6Newbie
- Join Date
- May 2005
- Location
- SouthEast US
- Posts
- 28
Originally posted by the_pm
I believe you're referring to PHP includes, which should not be called frames.
-
05-24-2005, 05:48 AM #7Web Hosting Master
- Join Date
- Sep 2002
- Posts
- 1,585
Try using Macromedia Fireworks for slicing - its much better than photoshop!
-
05-24-2005, 01:57 PM #8New Member
- Join Date
- May 2005
- Posts
- 1
Originally posted by grrlTechie In effect php includes are the same as frames just without the bad stuff
-
05-24-2005, 06:35 PM #9Web Hosting Evangelist
- Join Date
- Apr 2005
- Location
- Atlanta, GA
- Posts
- 454
use CS2's image ready for full css output. I think it uses divs instead of tables as well. As for a sliced image/template conversion, are you trying to get resizing for height or width attributes? How difficult or ever if it is possible depends on the image you are slicing. Do you have a picture of the image so that we can see?
[color=#666666]Ackoo Solutions, LLC
-
05-24-2005, 07:25 PM #10Web Developer
- Join Date
- Feb 2003
- Location
- Connecticut
- Posts
- 5,460
CS2's image ready CSS is garbage. It uses absolutely positioned div's in lieu of tables--hardly an improvement.
-
05-24-2005, 07:35 PM #11Newbie
- Join Date
- Apr 2005
- Posts
- 16
Well I attached what I wanted to slice and code to help you guys understand more. Basically if my navigation text gets to much, I want the navigation part to be able to go down for more text to be there without it overflowing the box. Same goes for content. I need help slicing it though since I have no idea how to slice and code it well. I wish I could use fireworks but I don't have it
SORRY FOR THE LOW QUALITY! ATTACHMENT WOULDN'T UPLOAD IF I DIDN'T CRUNCH!