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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Layout confusion and frustration.

    After a few days of not being able to explain how I want the layout of my website to be, I finally found an example of it at http://www.dolliecrave.com/framecodes.shtml

    But as I am very new to html I now face a new problem. What coding do I now need to add so that I can put in my own content. For example, a logo in the header, background colours and text in the other areas?

    The code is as follows:


    <HTML>
    <HEAD><TITLE>My Frame Page</TITLE></HEAD>
    <HEAD></HEAD>
    <frameset rows=40,60>
    <frame src=top.html name=top scrolling=no
    marginwidth=0 marginheight=0 noresize=yes>
    <frameset cols=130,*,130 border=0>
    <frame src=left.html name=right scrolling=auto
    marginwidth=0 marginheight=0 noresize=yes>
    <frame src=main.html name=main scrolling=auto
    marginwidth=0 marginheight=0 noresize=yes>
    <frame src=right.html name=right scrolling=auto
    marginwidth=0 marginheight=0 noresize=yes>
    </frameset>
    <noframes>
    Thank you DollieCrave for the frame code.
    </noframes>
    </HTML>


    I also want to change the dimensions of each column and make the header one single area.

    Do I need to somehow label each column/header and then separately input my html?

    I realise this is probably all very vague but I wondered if anyone could help me with the basic html needed or anything that will get me started.
    It would be very much appreciated.

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    why use a frame? Only time I ever used a frame was for a chat ui

    don't just listen to some blog or some tutorial and assume its correct

    Code:
    <div id="header">
    
    </div>
    <div class="content">
     <div class="left-column" style="float: left; width: 40%;">
      
     </div>
     <div class="right-column" style="float: right; width: 60%;">
    
     </div>
    </div>
    <div id="footer">
    
    </div>
    Last edited by Sammy12; 08-12-2011 at 11:18 PM.

  • #3
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    9
    Thanks
    0
    Thanked 1 Time in 1 Post
    As Sammy12 says - why use frames ?? If you don't want your site to work well in the search engines, and be a complete mess, then use frames. Otherwise, use the layout that Sammy provided ! It will do the same thing you are looking for.

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    The example site you gave is basically a three column layout with a header and footer. Google three column layout and you will find many tutorials on coding them.
    Teed


  •  

    Tags for this Thread

    Posting Permissions

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