View Full Version : Help Coding Layout


LilDegrassiPrince
07-08-2006, 02:25 AM
I need help with coding something like http://img.photobucket.com/albums/v164/LilDegrassiPrince/10.jpg For the layout, how would I code the links on the side and still have the background stay the same when people click on it? I know some stuff about how to do it, I just need to know more.

bourdelson
07-08-2006, 03:17 AM
You could use divs for your navigation:

http://www.lissaexplains.com/css3.shtml

And an iframe for the content, so all of the pages load inside of the iframe without the entire page having to reload:

http://www.lissaexplains.com/frames.shtml#inline

Brian-W.O.G
07-08-2006, 03:48 AM
I'm not sure if I'm allowed to do this or not, I think I am because the tutorial is on this website. But, check out a tutorial I wrote on one of a few different methods of making a website layout at http://www.lissaexplains.com/forum/showthread.php?t=56941.

God bless

LilDegrassiPrince
07-08-2006, 09:50 AM
Thank you to the both of you. I've used iframes before so I know what's that like. How would I use php for that though? Or would that work or what? I was sort of thinking about straying away from the iframe thing.

And how I would I make the layout? The last time I did, I cropped a piece of the layout that I made and it repeated itself throughout the page. How would that work given the content boxes on the side of the image in the first post?

bourdelson
07-09-2006, 04:01 AM
If you want to stay away from iframes and use php, you can use php includes, the tutorial for which can be found here: http://www.lissaexplains.com/html6.shtml#php

When using php includes, I usually code the first page and break it up into sections, separating from the body all of the parts that will appear on each page [like a header graphic and a navigation menu]. The header and the navigation then become their own include. Everything that appears on every page [in my case it's a header, the menu and a footer] are all includes, and the main portion of the page is all that I have to recreate each time I make a new page.

As far as the layout goes, instead of making one solid image, break it up into a few pieces, and you can either create a class for it in your CSS and call for it later in a page, otherwise you can place the image in your include and work from there.

Sorry if any of this is confusing, I'm having a hard time wording what I'm thinking, haha. :)

LilDegrassiPrince
07-13-2006, 08:20 AM
Thanks! I'm trying to learn it all and I'm getting there, slowly, but surely. I have divded my layout up into pieces instead of one solid image, but now I'm having more problems with the coding. I can't seem to get my coding right with the columns.

I want it to look like this http://img.photobucket.com/albums/v164/LilDegrassiPrince/10.jpg but I'm having problems getting things centered and to the right margin (the side where the cup is)

bourdelson
07-13-2006, 03:45 PM
Could you post a link to the page you're working on, so we can see what might need to be fixed? :)

LilDegrassiPrince
07-13-2006, 09:30 PM
Sure thing! I knew I should have posted one before. LOL

http://img.photobucket.com/albums/v164/LilDegrassiPrince/ex.jpg I know I'm doing something wrong, I even probably have the left columns mixed up somehow.

bourdelson
07-14-2006, 03:30 PM
Do you think you could post a link to the actual website, and not just a picture? It helps to see the working code in action, and you can't access any of that from a picture. :)

LilDegrassiPrince
07-15-2006, 11:01 AM
I understand what you're saying, but I don't have a site for this yet. I didn't know how else for you to see the coding, so I emailed you the coding that I'm working on so if you could check your email (the one that you have up from this forums here) and have a look at it, it would be greatly appreciated! :)

LilDegrassiPrince
07-15-2006, 11:47 AM
Just in case that didn't work, you may be able to see the coding with this link http://h1.ripway.com/RoguePw25/try.css Knowing me, I probably messed something else up. LOL

bourdelson
07-16-2006, 03:45 AM
Okay, I went through and noticed that a lot of your CSS attributes were missing ; at the end of the last item. Everything has to end with a ; otherwise it won't work. Now, I'm not going to lie, it would be a lot easier to target the problem if I could see the page in action. Maybe you could even upload the code and images to GeoCities or another server so that it can be easier to find the problem.

Here's the code that I cleaned up a little bit. Upload this and your images, and we might be able to find more of the problem. :)

http://indulgealunatic.org/stuff/coding.css [I saved it as a .css file so that you can easily copy and paste it, without having to see it with all the broken images and then go through view source to get it all.]

GIR
07-16-2006, 05:06 AM
probably no this but u need css

LilDegrassiPrince
07-16-2006, 07:29 AM
Hmm, I don't seem to be getting it. I'm trying to work with the div, but things don't seem to be working out. Part of me thinks that I should just use the tables, but I'm not sure. Thanks for the help and I PM'd you.