Adding a Banner in CSS

Get Started
1

Hello to everyone and I hope everyone is staying cool.

I was hoping someone can help me or lead me in the right direction.

I am very new to css.

I am creating a webpage from the floor up and I had created a banner in photoshop. I would like to place that banner to the top of my css file. or in the case index.html. How would I go about doing that. I would post the site but there is nothing to post. :shifty:

2

Bit hard to help you then. How about you make a start at least with some code and then post back?

3

That makes sense, here you go.

<title>Test</title>
<meta http-equiv=“content-type” content=“text/html;charset=UTF-8” />
<link href=“test.css” rel=“stylesheet” type=“text/css” />
</head>
<body>
<div id=“container”>
<div id=“header”>
<!----End of Header—>
<div id=“banner”><img src=“/Users/mobetta/QI DAY SPA/images/images/QIDAYSPBANNER.gif”
width=“759” height=“120” alt=“banner” />
</div>
</div>

Here is the CSS for test

/*
CSS FOR TEST.css site
*/

body {
font-family: Verdana, Helvetica, Arail, sans-serif;
background-color: #000000;
padding: 15px;
line-height: 125%;
}

#banner {
margin-bottom: 0px;
text-align: center;
background-color: ;
}

4

Seems reasonable enough so far except you don’t need margin-bottom on #banner as divs don’t have any margins by default. You could also do with some more descriptive alt text other than ‘banner’.
So is there a problem with this so far?

5

Thank for taking the time to help. As I will be posting more help question. I must crawl before I can walk with web design.