Images not showing up in correct spot [closed]


Tags: html,css

Problem :

I have 4 social media icons that I put on my page but they're either being hid by other divs even though they have a larger z-index value or they show below the top div. I want them to be to the right of the church image I can play around with the code and get them to show up but they are appearing below my top section. I've tried every way possible to add the code here but I can't figure out how to do it so I'll link to the site.

site at http://www.joekellywebdesign.com/churchsample1/index.html

stylesheet at http://www.joekellywebdesign.com/churchsample1/css/styles.css

the style I have defined for the div is:

socialmediaicons {
    margin:50px 50px 0 0; 
    float:right; 
    z-index:90;
    position: absolute;
}


Solution :

remove the float declaration, and add

top:0;
right:0;

    CSS Howto..

    How to center an image over another image in CSS

    How do I place a small paragraph to the right in between a text article

    How do I remove applied css on a div by JQuery?

    how to add style to form under echo statement by css [closed]

    How can I target only visible objects with nth-child?

    How to force space inbetween a css table (responsive webpage)

    jQueryUI tabs mouseover a disabled link, how do I change the cursor so it doesn't appear clickable?

    How to attach a CSS stylesheet to FXML?

    How to display line items in twos?

    How to fix width of tooltip at IE8

    How to override CSS style assigned to element

    How do I position text within a box with css?

    How to display “Classic” fractions in CSS / Javascript

    How to select classes that are not nested? CSS

    How to overlay zoom icons over images and always keep them lined up perfectly?

    how to add parent class in css file?

    How to crop a rectangular image into a square using CSS?

    How do I get this CSS text-decoration override to work?

    How to make a dynamic html form using css and js

    How to create a 3 column (ul, li) header that (responsive) collapse one below another?

    Behavior/Styling Separation - How to use IDs, classes and custom attributes for CSS and JavaScript?

    How to make the first column of a table invisible?

    How to target the text in an element but not the text in nested elements with CSS

    How do I apply an outline to a custom styled HTML selection element's expansion clickable element only?

    How to check if a css rule exists

    how to add a CSS attribute just for specific time via JQuery (revert back to normal after 2 sec)

    How to put an image in div with CSS?

    How to place 2 spans beside each other with full width with CSS

    How to make flash movie to scale proportunatly to div width?

    How to align / valign css-rotated span within its parent div