Jump to content


CSS Positioning


1 reply to this topic

#1 godsdead

    Young Padawan

  • Members
  • Pip
  • 21 posts

Posted 25 June 2008 - 03:27 AM

Hey all i have most of this site done, there just some small CSS flaws that i cant figure out?
heres the URL:
http://mediasmoke.co...s/mttcarpentry/
The first problem is Those Four images to the right, thats how i want them, although They leave a ton of whitespace beneath, they are wrapped in a DIV assigned to (#content .images) in my css, its the only DIV which i have used position:relative; on, i think its something to do with this,but i cant figure out how to get them to sit to the right without a HTML table =[


And my second problem is the background, The whole sites wrapped in a centered "container" which all works fine, its just as the backgrounds a pattern, it dousnt match up with the images that make up the content area, i fixedc it then realised that differnt resolution sizes obiously change this!

Cheers Tom.

#2 Jacorre

    P2L Jedi

  • Members
  • PipPipPip
  • 824 posts
  • Gender:Male
  • Location:USA
  • Interests:Computers, Technology, Internet, Graphic/Web Design, Music, Soccer

Posted 26 June 2008 - 11:00 AM

You could float the div with the images to the right. You'll then need to clear the float after so the content that follows doesn't get messed up.

With the issue of the background pattern, you'll need to make the slices transparent or remove the pattern border on them. For example, the header image has a piece of the pattern around it. Remove that because I don't think you'll be able to make the image transparent. You'll end up losing quality on the photos of the tools.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users