WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Positioning with CSS (6 posts)

  1. mrling
    Member
    Posted 1 year ago #

    Site: http://www.jakespharler.com
    Theme: Child-Twenty Twelve

    I am fairly proficient with CSS now, but for the life of me, I cannot figure out why my RSS icon is sitting below the header. I want to position it on the far right with the bottom of the header image and RSS icon in alignment. Maybe it's something simple that i will be able to solve after getting some sleep, but was hoping the community here could poke around with firebug or other development tools and see if you can help me out.

  2. UxFloyd
    Member
    Posted 1 year ago #

    Probally the main reason why it's unearth your logo is because it's in a different div.

    Easy solution (maybe not the neatest):
    1. Change your div rollover-header width to 100%
    2. put the div feed-header into the rollover-header underneath the a href

    Hope this does what you want it to do.

  3. mrling
    Member
    Posted 1 year ago #

    Shouldn't I still be able to position it the way I want with both the rollover and rss divs nested inside the header? I believe the header would be only extending to the base of the rollover image if the rss icon was not there. I'm just confused because without resizing the rollover div to 100%, there should be plenty of space for the rss icon to fit next to it.

  4. UxFloyd
    Member
    Posted 1 year ago #

    It is possible, mind be handy to check the css positioning: positioning in css

    I tried a few simple things on your website with the positioning only for some reason your whole body div started freaking out.

  5. Triptripper
    TutsKid Ninja
    Posted 1 year ago #

    Try

    #rollover-header {
    	width: 33%;
    	float: left;
    }
    
    #feed-header {
    	float: none;
    	margin-left: 96%;
    	margin-top: 50px; /* adjust to whatever you like */
    }
  6. mrling
    Member
    Posted 1 year ago #

    Thanks Triptripper, it worked!

Topic Closed

This topic has been closed to new replies.

About this Topic