Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 8 of 8
  1. #1
    Junior Member
    Join Date
    Jul 2006
    Posts
    3
    Member #
    13603
    Hey there,
    I started learning CSS from tutorials a long time ago, like an year.
    I am coding my first layout and I noticed that all the knowldege that I had itīs gone in the practice.
    I tried a lot to code a .css to make it similar to a .jpg that I have of the layout that I want but I find it really hard.
    So, my question is:
    ŋ Could somebody make the codig with the tag /*comment*/ after each tag so I can understand what did you do and why or maybe, could somebody help me to code it step by step ?
    Thank you very much from now,
    Raymon

    EDIT: Sorry, I forgett to put the .jpg and the .html with all the Div ID located.
    .JPG: http://users.cjb.net/pepe1/layout.jpg
    .TXT with Div ID Located: http://users.cjb.net/pepe1/codigo.txt

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Here's a starting point, but try and code it yourself -- you may well learn more:
    You'll need a div containing the title area, the content, and the sidebar. This div can be set to a certain width, with margin: 0 auto to center it, so that you can achieve the effect of one background image with a blue box in front of it.

    Your title image can simply be the title image, same as ever.

    Now, the content beneath the image is going to look something like this, structure-wise:

    Code:
    div
    | - div (content)
    | - div (sidebar)
    If you tell the sidebar to float: right, you may well achieve your effect already, or damn close to it. See A List Apart's article on faux columns for more.

  4. #3
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    The image wouldn't load for me ... I get a cjb.net error page.

    I wouldn't mind coding the whole thing for you .... but not for free.
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,723
    Member #
    5580
    Liked
    718 times
    I can't see the link with the .jpg ... or is it now gone?

    Give us a link to your actual site ... that would let us
    help you much better.


  6. #5
    Junior Member
    Join Date
    Jul 2006
    Posts
    3
    Member #
    13603
    Sorry, the .jpg is gone, here you have it hosted again: http://img353.imageshack.us/img353/8894/layoutfb8.jpg

    My site itīs here: www.dejamebailar.com

    About your offer, karinne, thanks but I want to learn, not exactly to get the things done ^^

  7. #6
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Er... So what exactly is wrong with the site as it is now? What are you trying to change? 'Cause it looks like the layout you want...

  8. #7
    Junior Member
    Join Date
    Jul 2006
    Posts
    3
    Member #
    13603
    Mostly colors, the background that must no repeat, the header is over the container and I want it inside it...

  9. #8
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Quote Originally Posted by Pepecupon
    About your offer, karinne, thanks but I want to learn, not exactly to get the things done ^^
    You asked

    Quote Originally Posted by Pepecupon
    Could somebody make the coding with the tag /*comment*/ after each tag so I can understand what did you do and why
    and that's what I offered

    These links should get you started tho

    Faux Columns
    2 columns fixed from BonRouge
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:46 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com