Welcome to Dream.In.Code
Become an Expert!

Join 149,597 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,900 people online right now. Registration is fast and FREE... Join Now!




Web site slicing newbie!

 
Reply to this topicStart new topic

Web site slicing newbie!

kyrotomia
15 Oct, 2007 - 02:50 PM
Post #1

D.I.C Head
**

Joined: 5 May, 2007
Posts: 50



Thanked: 1 times
My Contributions
Hi.
I just designed a website in photoshop. I dare to say i know HTML decently and I am currently learning CSS. However, I am a BIG (is that big enough?) newbie at slicing a website. My major problem is when I add too much content on the website, all the TDs (i tried to convert it all to div manually, had the same problem) get screwed up and the display gets horrible. The easy way would be to insert an Iframe, but I am trying to avoid that at all cost... for compatibility reasons (and that horrible vertical scrolling bar in a middle of a design).

So I would like to ask if someone has the courage to help me a little in my slicing. I would greatly appreciate having a chat session with someone... so I can get some quick tips on what to do / not to do.

I attached to this post what is my actual slices.

Thank you!


Attached thumbnail(s)
Attached Image
User is offlineProfile CardPM
+Quote Post

GorillaCheif
RE: Web Site Slicing Newbie!
16 Oct, 2007 - 09:31 AM
Post #2

D.I.C Head
**

Joined: 23 Apr, 2006
Posts: 62


My Contributions
QUOTE(kyrotomia @ 15 Oct, 2007 - 03:50 PM) *

Hi.
I just designed a website in photoshop. I dare to say i know HTML decently and I am currently learning CSS. However, I am a BIG (is that big enough?) newbie at slicing a website. My major problem is when I add too much content on the website, all the TDs (i tried to convert it all to div manually, had the same problem) get screwed up and the display gets horrible. The easy way would be to insert an Iframe, but I am trying to avoid that at all cost... for compatibility reasons (and that horrible vertical scrolling bar in a middle of a design).

I attached to this post what is my actual slices.

Thank you!



1. I'm not exactly sure what you mean by "get screwed up and the display gets horrible." Do you have a screen shot of your outcome you can post?

2. iframes work well in firefox, IE, safari and sometimes opera (for the 4 or 5 people still using it and depending how it's coded) and you can turn off the scroll bars with a simple (scrolling="no") in side the iframe tag alleviating that problem.

User is offlineProfile CardPM
+Quote Post

kyrotomia
RE: Web Site Slicing Newbie!
16 Oct, 2007 - 07:35 PM
Post #3

D.I.C Head
**

Joined: 5 May, 2007
Posts: 50



Thanked: 1 times
My Contributions
QUOTE(GorillaCheif @ 16 Oct, 2007 - 10:31 AM) *

1. I'm not exactly sure what you mean by "get screwed up and the display gets horrible." Do you have a screen shot of your outcome you can post?

2. iframes work well in firefox, IE, safari and sometimes opera (for the 4 or 5 people still using it and depending how it's coded) and you can turn off the scroll bars with a simple (scrolling="no") in side the iframe tag alleviating that problem.


I read about Iframe on the Internet and some say that it is a bad idea to have an Iframe display your content, as some Search Engines have some trouble dealing with it. Furthermore, I can't hide scrolling since the purpose of the scrolling to see the rest of the text when its bigger than the Iframe's height.

About #1, the main problem is when I used my td layout, all the images would get separated from each other, thus displaying a "cut-out" website... For my div layout, the text would simply get over the other div.... not expanding as I though. I would need some advice on that.

Thank you for taking time to answer my thread!
User is offlineProfile CardPM
+Quote Post

axel
RE: Web Site Slicing Newbie!
18 Oct, 2007 - 03:56 PM
Post #4

Bug Juice Doesn't Come in a Jar
Group Icon

Joined: 31 Dec, 2006
Posts: 1,897


Dream Kudos: 100
My Contributions
I'm not sure if this will help, but making sure all your paddings and margins are set to 0px, and also floating stuff left or right should help. You didn't post any code so I am not sure what the problem is, but try some of that.
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 1/7/09 11:33PM

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month