...

View Full Version : Help with site layout?



SamuelSweis
05-09-2011, 03:12 PM
Alright, so I'm updating this to help me make my website more efficient. I've tried searching via google on coding but I'm not getting what I'm looking for. Maybe it's because I don't know the right code language to google but what I'm trying to do is create what I drew in paintbrush via codes. I know it can be done instead of using "jpg.'s" for lines. Here is my site: http://www.trillionaireme.com I'm trying to create this via coding:

http://www.trillionaireme.com/images/designhelp.jpg

teedoff
05-09-2011, 03:19 PM
Not sure exactly what your trying to do or asking. Please explain further. Are you saying instead of the 9 blocks that are all one image, you want separate blocks using NO images?

I dont see anything wrong with using an image for this, depending of course on what the content would ultimately be/look like.

SamuelSweis
05-09-2011, 03:35 PM
Not sure exactly what your trying to do or asking. Please explain further. Are you saying instead of the 9 blocks that are all one image, you want separate blocks using NO images?

I dont see anything wrong with using an image for this, depending of course on what the content would ultimately be/look like.

I'm trying to make those lines and boxes without using images so the page will load faster, and I would be able to update the content easier without redrawing the photo, saving, and reuploading a new jpg everytime. The thing is I don't know how to make lines, and boxes, and position them in custom areas on the page without making a mess. But I do know if I get started with the coding I can learn from there.

So basically if you could help me make a code that will make custom boxes and widths and "lines" like by the lower right hand where the news is, and allow me to control the sizes and positioning, that would be a great start.

mrjezz
05-09-2011, 03:39 PM
You'd be wanting HTML (http://www.w3schools.com/html/default.asp) & CSS (http://www.w3schools.com/css/default.asp).

SamuelSweis
05-09-2011, 03:45 PM
You'd be wanting HTML (http://www.w3schools.com/html/default.asp) & CSS (http://www.w3schools.com/css/default.asp).Thank you for the links, if I wanted to make "lines" and "boxes" what would I be searching for?

mrjezz
05-09-2011, 03:53 PM
Hi, this is tricky to answer, it's clear from the way you're asking the question that you are fairly new to coding? You need to learn about CSS so that you can create layouts like the one you have described. However, roughly speaking you would create a box like this in CSS:
.box { width: 50px; height: 150px; border: 1px solid #000; }You're going to need to learn how to implement this in your HTML however.

SamuelSweis
05-09-2011, 04:28 PM
Excellent thanks jezz.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum