When working on this website, I encountered an issue with adding links to Google+ and Facebook. Despite my efforts to style the div boxes using CSS, I was unsuccessful. I also attempted to insert images using an img tag, but the pictures did not load even though they were in the correct directory like the other images. My goal is to place the two icons on the right side of the menu bar.
Here is the HTML code:
<div class="art-nav">
<ul class="art-menu">
<?php art_menu_items(); ?>
</ul>
<div id="facebooktopmarc">
<a href="https://www.facebook.com/raadmal">
<img src="images/facebook.png" alt="Go to Facebook!"/>
</a>
</div>
<div id="googleplustopmarc">
<a href="https://www.facebook.com/">
<img src="images/google-plus.png" alt="Go to Google-plus!"/>
</a>
</div>
</div>
And here is the CSS:
#facebooktopmarc {
background-image: url("images/facebook.png");
background-position: right center;
background-repeat: no-repeat;
display: block;
float: right;
height: 25px;
margin: 0 5px 0 0;
position: relative;
width: 25px;
}
#googleplustopmarc {
background-image: url("images/google-plus.png");
background-position: right center;
background-repeat: no-repeat;
display: block;
float: right;
height: 25px;
margin: 0 5px 0 0;
position: relative;
width: 25px;
}