Jump to content



Welcome to KnowledgeSutra - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!
- - - - -

Fixed Image Alignment Stuff


4 replies to this topic

#1 Tramposch

    Kyle_vdk

  • KS GFX Crew
  • PipPipPipPipPipPipPipPipPip
  • 921 posts
  • Gender:Male
  • Location:Richmond, Virginia, United States
  • myCENT:93.1
  • T17 GFX Crew

Posted 14 December 2008 - 11:32 PM

I am not sure how to word this, really. But on my website, passtheboll.com, I am putting in what you might consider a tab on the side of the layout. I can align it to work one way, but not dynamically. Basically, I want to know how to place the image so it is uniform in all browsers, regardless of the windows size or screen resolution. I don't really know how to word it better. So if you know something that might help, or have a question, please post.

#2 jlhaslip

    Insert Custom Title Here

  • [MODERATOR]
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,037 posts
  • Gender:Male
  • Location:Linux, DOS and Windows…the good, the bad and the ugly
  • Interests:http://jim.haslip.googlepages.com/home
  • myCENT:53.48
  • Spam Patrol

Posted 15 December 2008 - 01:26 AM

Quick look, but I would try placing the tab inside the wrapper div with a negative margin-left.
You presently have the tab image outside the fixed width wrapper div, so the tab will definitely not be affected by the width of the wrapper and therefore will not behave as you want it to.
Try it ansd let us know if it works.

#3 Tramposch

    Kyle_vdk

  • KS GFX Crew
  • PipPipPipPipPipPipPipPipPip
  • 921 posts
  • Gender:Male
  • Location:Richmond, Virginia, United States
  • myCENT:93.1
  • T17 GFX Crew

Posted 15 December 2008 - 10:08 PM

Tried that, but it won't go outside of the wrapper's width.

#4 jlhaslip

    Insert Custom Title Here

  • [MODERATOR]
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,037 posts
  • Gender:Male
  • Location:Linux, DOS and Windows…the good, the bad and the ugly
  • Interests:http://jim.haslip.googlepages.com/home
  • myCENT:53.48
  • Spam Patrol

Posted 15 December 2008 - 10:54 PM

#ptb {
margin-left:-4.2em;
width:0;
}
#banner {
background:transparent url(images/banner.jpg) no-repeat scroll center center;
height:98px;
margin-top:-4em;
width:952px;
}
Try that and reply back if it won't work. I have it working in Firefox3 on my machine.

#5 Tramposch

    Kyle_vdk

  • KS GFX Crew
  • PipPipPipPipPipPipPipPipPip
  • 921 posts
  • Gender:Male
  • Location:Richmond, Virginia, United States
  • myCENT:93.1
  • T17 GFX Crew

Posted 16 December 2008 - 12:25 AM

Thanks so much man, its working great now. The only things I have left to do are properly align the RSS image and make a navigation menu for when somebody scrolls over the PTB image (hint hint)




Reply to this topic


This post will need approval from a moderator before this post is shown.

  


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users