I need help please

HTML & CSS
1

Hello Everyone,

I need help with css coding. I would like to remove the titles from facebook to blogger and insert an image logo instead in the left hand side between the header.

<!-- Header –>
<div id=“header”>
<h1 id=“logo”><a href=“#” title=“home”>My template</a></h1>
<div class=“socials”>
<a title=“Facebook” class=“facebook” href=“#”>Facebook</a>
<a title=“Twitter” class=“twitter” href=“#”>Twitter</a>
<a title=“YouTube” class=“youtube” href=“#”>youtube</a>
<a title=“Blogger” class=“blogger” href=“#”>blogger</a>
</div>
<div class=“cl”></div>
</div>
<!-- END Header –>

Can someone please help me or tell me how to add the image logo.

Any help would be appreciated.

Thanks in advance.

helen

2

It’s not really clear what you want to do. I’m not sure what you mean by “remove the titles”.

Do you have access to the HTML, or just the CSS?

3

I wanted to remove the titles where there is youtube, twitter etc and replace them with a logo and text banner. I have both the HTML and CSS. Thank you I’ve managed to insert the logo and text banner where I want them.

4

I think you mean the text, not the title ( that’s an attribute and cannot be removed w/o the help of CSS) .
What you are looking for is an image replacement technique;

.socials {overflow:hidden;}
.socials a{position relative;height:50px; width:50px; float:left; margin-right:10px;}
.socials a:after{content:“”; height:100%; width:100%; position:absolute; top:0; left:0; z-index:10}
.socials a.blogger:after{background:url(blog.jpg)}
.socials a.twitter:after{background:url(twitter.jpg)}
and so forth

5

Thank you for your help yes I did managed to edit the css codes as well. I am learning about css style coding at the moment.