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 7 of 7
  1. #1
    kb1
    kb1 is offline
    Senior Member
    Join Date
    May 2006
    Posts
    115
    Member #
    13296
    Hello

    Wondering if anyone could help me (a css novice) with this simple page

    http://www.enhancedwireless.net/Company/contact.shtml

    I'd like to start off by just converting the blue bar under the banner to css. So I choose insert a div, then what? In the dialogue box what do I call the class, the id? I'd like to keep the 1 px white line on top and left (where the dreadful spacer gifs are now) and I know how to do that - margin 1px 0 0 1px; but How do I position the blue bar under the banner?

    Not yet proficient on css, so the more detailed answers the better - and I thank you in advance for the time it takes to answer my questions.

    KB

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    This is going to be sort of a tough one because switching your site
    from <tables> to <divs> is more of an over-all thing, not just one
    piece at a time. Everything relates to each other, with floats, widths,
    padding, etc.

    You almost have to keep your existing site intact and do this whole
    new thing on the side, in a different directory, so you don't mess up
    what you already have.

    I would do your project like this ...

    Find a CSS template that sort of looks the way you need it to be.
    There are many you can find using Google, like this one ...
    http://layouts.ironmyers.com/

    Start with the inner part first. (The part with the content).
    The white part with the list on CONTACTS

    Make that section a <div> and each contact a "class"

    Next, work on the outer layout, the body background and
    the outer box. This again will be interesting because you have
    various background images that will have to be assigned to various
    <divs>.

    You'll end up with the "shell" (the dark body background and the white part with
    the shaded edges) and your CONTACT section ... just that.

    Then, do the left blue section, banner, menu, etc.


  4. #3
    kb1
    kb1 is offline
    Senior Member
    Join Date
    May 2006
    Posts
    115
    Member #
    13296
    Thanks very much - this was a very helpful reply...and thanks for the link.

    KB

  5. #4
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    And unless you don't read stickies (which you should ) see the one I created at the top for more resources
    [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

  6. #5
    kb1
    kb1 is offline
    Senior Member
    Join Date
    May 2006
    Posts
    115
    Member #
    13296
    Karinne

    Good resources - thanks for the note.

    KB

  7. #6
    Junior Member
    Join Date
    Jun 2007
    Posts
    8
    Member #
    15358
    here is template you can use to get started.

    http://www.code-sucks.com/css%20layo...faux-11-2-col/

  8. #7
    kb1
    kb1 is offline
    Senior Member
    Join Date
    May 2006
    Posts
    115
    Member #
    13296
    Quote Originally Posted by brandonroloff
    here is template you can use to get started.

    http://www.code-sucks.com/css%20layo...faux-11-2-col/
    Thanks very much for the useful link.

    KB


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:11 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com