# January 20, 2010 at 12:40 am
Hello forst time poster but I have been reading this forum for a while now. I have been doing CSS for some time but I have stuck with alot of basic principals and web desings. This in my first time trying to venture into what I consider new grounds.
Ok to the grunt of my issue. I started off with a simple main page to my site and the issue I am having is with resolution changes the heading will correctly move accordingly but the rotaing picture below it will not. The heading of course is a simple center and thats easy. The picture below it is a bit tougher and something I am unable to figure out with my limited knowledge on how position properties works. Now I could have easily just centered the rotating picture (script) but I have a border that lays over top it and the only way I could figure out how to achieve what I wanted was to use the "position".
Any help or some examples will help greatly as I am able to learn easier when I have examples I can play with..
Here is the temp location of the main page http://warcrc.org/testing/
Here is the cssCode:< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
And here is the html# January 20, 2010 at 2:19 pm
This reply has been reported for inappropriate content.
I think you don’t understand positioning in CSS very well, especially since I can see from the code you posted that you are using relative and absolute.
These 2 articles will help you understand better
http://www.barelyfitz.com/screencast/ht … sitioning/
and this one on absolute positioning within relative positioning
http://css-tricks.com/absolute-position … sitioning/# January 21, 2010 at 11:06 am
Ok I have looked over the second link that virtual posted and I think I got something to click and understand the concept a little better. In any case I am able to do almost exactly what I want except for I faught trying to get the verticleness of the images to move and the only way I could figure out how was add a height.
CssCode:< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
You must be logged in to reply to this topic.