Grow your CSS skills. Land your dream job.

Positioning-Resolution issue

  • # 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 css

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


    And here is the html

    Code:

    # January 20, 2010 at 2:19 pm

    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 20, 2010 at 2:32 pm

    Oh I will be the first to state I don’t (as stated in my OP). Thanks for the links as I will read thru them and try to better understand what it is I am trying to do 8-)

    # January 20, 2010 at 2:35 pm

    Your first link doesn’t work…

    # January 21, 2010 at 4:35 am

    The forum did not permit the full address, here it is without the http
    barelyfitz.com/screencast/html-training/css/positioning/

    # 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.

    Css

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    html

    Code:

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".