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 9 of 9
  1. #1
    Member
    Join Date
    Dec 2008
    Posts
    52
    Member #
    17852
    I have included a pic of what I mean.

    So what would be the best way to accomplish this? I am using PS CS4 to design my page and I've made my slices - the logo in one slice, and then the rest of the nav bar slices.

    I am just not sure how to get it to hang off the side of the page like that.
    Attached Images Attached Images

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    There's probably several different ways to do it.
    My idea is just one of many ....

    See my screenshot.
    Attached Images Attached Images


  4. #3
    Member
    Join Date
    Dec 2008
    Posts
    52
    Member #
    17852
    Thank you so much for responding to my post.

    So I was considering doing it that way, but I was hoping to center my page based on the two vertical black lines equidistant on the left and right, won't this solution throw it off center?
    I am currently using "Margin: 0 auto " to center my Maincontent div.

  5. #4
    Senior Member diddy's Avatar
    Join Date
    Jun 2008
    Location
    Sydney, Australia
    Posts
    502
    Member #
    16955
    Quote Originally Posted by Ruester
    Thank you so much for responding to my post.

    So I was considering doing it that way, but I was hoping to center my page based on the two vertical black lines equidistant on the left and right, won't this solution throw it off center?
    I am currently using "Margin: 0 auto " to center my Maincontent div.
    So do you want to display some of your logo outside of the wrapper? That would involve some relative positioning. Or absolute. I'm not sure which would be better in this case. Probably relative.

  6. #5
    Member
    Join Date
    Dec 2008
    Posts
    52
    Member #
    17852
    Do I need to divide the image itself up and do something like that? My index page is up at www.dulcela.com if you can help. Thanks for any I can get!

  7. #6
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    Probably relative.
    oh indeed.
    with -margins

    http://www.studio378d.com/wdf/neg_marg.html

    while($get_it !== true){ continue; }

  8. #7
    Member
    Join Date
    Dec 2008
    Posts
    52
    Member #
    17852
    Quote Originally Posted by Dorky
    I'm not quite sure I understand, I know about margins and whatnot, but how would I keep the vertical lines centered and have the logo hang outside with margins? I can't get the image to "stick" to the header as the browser window widens.

  9. #8
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    not sure what the question was. your nav as is doesn't adjust when the browser resizes. even if i did this would still work. read the source code on the page i gave you to see how to use negative margins.

    while($get_it !== true){ continue; }

  10. #9
    Member
    Join Date
    Dec 2008
    Posts
    52
    Member #
    17852
    Quote Originally Posted by Dorky
    not sure what the question was. your nav as is doesn't adjust when the browser resizes. even if i did this would still work. read the source code on the page i gave you to see how to use negative margins.
    Oh, sorry, I wasn't sure what you posted, thanks very much I will try that!


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