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.

Page 1 of 3 1 2 3 LastLast
Results 1 to 10 of 22
  1. #1
    Senior Member tokkilee's Avatar
    Join Date
    Nov 2006
    Location
    Clarksville, TN
    Posts
    120
    Member #
    14322
    Ok tell me what you think about this one....I'm also planning on doing it in CSS as my last layout I would just have to redo everything..not sure which one i'm going to keep yet, i'm just playing around right now

    BTW a colleague of mine told me about CSSEdit 2...has anybody tried that?
    amber weinberg
    freelance developer
    www.amberweinberg.com
    amber@amberweinberg.com

  2.  

  3. #2
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    Not bad, I would like to see it codedso that I could see the text, and content layout.

    Never used CSSEdit2.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  4. #3
    Senior Member tokkilee's Avatar
    Join Date
    Nov 2006
    Location
    Clarksville, TN
    Posts
    120
    Member #
    14322
    Quote Originally Posted by -chris-
    Never used CSSEdit2.
    Really? Why's that?

    I'm trying to figure this crap out....so the whole thing would be a background image.....the css rollovers is easy enough to figure out....now...when you work on the positioning...how are you supposed to figure out where on the screen it is..just trial and error? also if somebody resizes their browser, does that change the positioning of the bkg image and text? and how would i go about doing the text because i'm guessing inline frames are out...
    amber weinberg
    freelance developer
    www.amberweinberg.com
    amber@amberweinberg.com

  5. #4
    Senior Member tokkilee's Avatar
    Join Date
    Nov 2006
    Location
    Clarksville, TN
    Posts
    120
    Member #
    14322
    OK I'm proceeding however slowly.....I've got the layout set as a bkg...trying to figure out how to center it? Also i have some text placed in the center by using margins is the right?
    amber weinberg
    freelance developer
    www.amberweinberg.com
    amber@amberweinberg.com

  6. #5
    Senior Member beachkitty85's Avatar
    Join Date
    Feb 2007
    Location
    Apex, NC
    Posts
    131
    Member #
    14894
    how are you supposed to figure out where on the screen it is..just trial and error?
    Yep, pretty much. Anyways, I really like the look. I'd love to see it coded with some content.
    Christina Van Dyke

    CRV Designs
    Apex, NC
    www.crv-designs.com

  7. #6
    Senior Member tokkilee's Avatar
    Join Date
    Nov 2006
    Location
    Clarksville, TN
    Posts
    120
    Member #
    14322
    Quote Originally Posted by beachkitty85
    Yep, pretty much. Anyways, I really like the look. I'd love to see it coded with some content.
    well im having problems getting the damn rollovers to work ><;

    im trying to do the version where you connect the two states (active and hover) together..its not working
    amber weinberg
    freelance developer
    www.amberweinberg.com
    amber@amberweinberg.com

  8. #7
    Senior Member tokkilee's Avatar
    Join Date
    Nov 2006
    Location
    Clarksville, TN
    Posts
    120
    Member #
    14322
    ooohhh! i got one to work! haha now i have to figure out why the others arent working...and then work on positioning it on top of the bkg
    amber weinberg
    freelance developer
    www.amberweinberg.com
    amber@amberweinberg.com

  9. #8
    Senior Member beachkitty85's Avatar
    Join Date
    Feb 2007
    Location
    Apex, NC
    Posts
    131
    Member #
    14894
    Well good luck, I hope things go more smoothly from here on out, lol.
    Christina Van Dyke

    CRV Designs
    Apex, NC
    www.crv-designs.com

  10. #9
    Senior Member tokkilee's Avatar
    Join Date
    Nov 2006
    Location
    Clarksville, TN
    Posts
    120
    Member #
    14322
    Well the only problem i'm having now is how to position things seperately.....the menu and the text below line up exactly the same from the positioning i use in the body...but i actually need the menu to be a bit more to the left than the text..any clues?
    amber weinberg
    freelance developer
    www.amberweinberg.com
    amber@amberweinberg.com

  11. #10
    Senior Member Eddy Bones's Avatar
    Join Date
    Jan 2004
    Location
    Washington, USA
    Posts
    1,054
    Member #
    4651
    There should be no trial and error in positioning, contrary to what was suggested.

    The background should be in a div. Call it #wrap or something of that nature. This will also act as a container for all other elements. Set its height and width, its background image, and its margin to 0, auto - this will center it. An example of the css:

    Code:
    #wrap
    {
       height: XXXpx;
       width: XXXpx;
       margin: 0 auto;
       background: #XXXXXX url(image location.ext) no-repeat;
    }
    You can position things inside pretty much the same way. The navigation will be a list, so give that list an ID. It's display can be set to inline so the list doesn't go vertically but horizontally. Set its list-style to none so you don't get bullets. Each list item can be given a set width, or more likely you'll just use padding. Their background image will be a repeated slice of that stiped pattern. Example code that you'd have to tweak:

    Code:
    ul#nav
    {
       width: XXXpx;
       margin: top auto bottom auto;
       list-style: none;
       display: inline;
    }
    ul#nav li
    {
       padding: top/bottom left/right;
       background: #XXXXXX url(url(image location.ext) repeat-x;
    }
    ul#nav li a:link,
    ul#nav li a:visited
    {
       values
    }
    ul#nav li a:hover
    {
       values
    }
    The content would be another div with an ID. Position it the same way we've been doing. I assume you'll want it to scroll, so set it's overflow property to auto.

    Your HTML is going to be very simple. This is literally all that you would need, and you should be able to style it any way you want with CSS:

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <link rel="stylesheet" href="whatever.css" type="text/css" />
    </hea>
    <body>
    <div id="wrap">
      <ul id="nav">
         <li><a href="#">Home</a></a>
         <li><a href="#">Web</a></a>
         <li><a href="#">Identity</a></a>
         <li><a href="#">Advertising</a></a>
         <li><a href="#">About</a></a>
         <li><a href="#">Contact</a></a>
      </ul>
      <div id="content">
         <p>Page Content...</p>
      </div>
    </div>
    </body>
    </html>
    You'll have to tweak the code that I've given you, but I hope that this helps you at least a little bit.

    Oh, I typed that up quick so I'm hoping I didn't make too many mistakes with the CSS. :\


Page 1 of 3 1 2 3 LastLast

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