Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    May 2011
    Location
    Chicago, IL
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Help with site layout?

    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:


  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,332
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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.
    Teed

  • #3
    New Coder
    Join Date
    May 2011
    Location
    Chicago, IL
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by teedoff View Post
    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.

  • #4
    New Coder
    Join Date
    May 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You'd be wanting HTML & CSS.

  • #5
    New Coder
    Join Date
    May 2011
    Location
    Chicago, IL
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by mrjezz View Post
    You'd be wanting HTML & CSS.
    Thank you for the links, if I wanted to make "lines" and "boxes" what would I be searching for?

  • #6
    New Coder
    Join Date
    May 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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:
    Code:
    .box { width: 50px; height: 150px; border: 1px solid #000; }
    You're going to need to learn how to implement this in your HTML however.

  • #7
    New Coder
    Join Date
    May 2011
    Location
    Chicago, IL
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Thumbs up

    Excellent thanks jezz.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •