I’m wondering how can I add a logo to my CSS as in like a header.
This is what I want my website to look like. I made this on Adobe GoLive CS. The issue is I needed a global design that I could change very easily if I had to as well the link system.
Also how can I get the menu to go under the logo in CSS. And how can I get my menu to look like this one: One this site: http://www.jplegacy.org/home2.php I know it’s div something but just not sure how it all works.
I’m new to CSS and I have been using WYSIWIG Programs since 2004.
If you are talking about image replacement techniques for headings then there are quite a few documented. In most cases you apply a background image to your element (such as an h1 for a main heading) and then hide the foreground text in some manner.
If you wanted to place a logo next to some text then it could be done in many ways such as floating or positioning it absolutely. However, it seems that you are just starting out and it may be better if you read a few tutorials on CSS before you start so that you can understand how to do this for yourself.
Sitepoint has just finished a Live CSS course which would have been ideal (at a small cost) and indeed you can still take it retrospectively but just miss out on the live chats etc. There are plenty of tutorials around and we have a good reference site her on Sitepoint which even has a live testing area where you can try out some of the properties.
If you do have a basic knowledge of css then it would be better if you first took a stab at creating the layout you wanted and then we could help and point out where you went wrong. It’s hard to offer specific code as the question is a little vague and open ended and its always easier to help someone who has made a start for themselves even if they are doing it incorrectly to start with.
Regarding a menu under the heading then you would use a list structure with the list elements set to display:inline or floated to make then appear horizontal.
You can find some tutorials on horizontal lists here.