Hey,
I am trying to put an image into the header. Right below the welcome message(This is a Good Place for a Greeting), I can get the image there but not the size it’s suppose to be, you cannot adjust the width or height. Way above my skill level Lol. I would really appreciate the help.
<head>
<title>Website Title Here</title>
<meta http-equiv="Content-Type" content="" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" media="screen" href="css/default.css" />
</head>
<body id="home">
<div id="wrapper">
<div id="header">
<h1>Website Title Here</h1>
<ul id="navigation">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
<h2>This is a Good Place for a Greeting.</h2>
</div>
</body>
</html>
Image in Template - Post ID 105028
Tony Shear
Registered User
2 posts
Tony Shear
Registered User
2 posts
Sorry I meant Right below the welcome message(Website Title Here)
Jo Rice
Senior Advisor
10,951 posts
Hiya Tony,
This is something best done in your CSS file? Find your Header class and see what's in it and alter it to include the image settings. Here's an example from mine:
#header {
height:82px;
width:930px;
padding:15px 15px 37px; /* padding changes the gap between header and content area */
text-align: center;
background: url(../images/bar_gold_bright.png); /* background image for header */
background-repeat: no-repeat;
}
Just add or adjust what you need to accomodate your own image's size, URL and padding settings needed, see if that works for you
This is something best done in your CSS file? Find your Header class and see what's in it and alter it to include the image settings. Here's an example from mine:
#header {
height:82px;
width:930px;
padding:15px 15px 37px; /* padding changes the gap between header and content area */
text-align: center;
background: url(../images/bar_gold_bright.png); /* background image for header */
background-repeat: no-repeat;
}
Just add or adjust what you need to accomodate your own image's size, URL and padding settings needed, see if that works for you
tassietiger
Registered User
1,392 posts
My understanding of what you are wanting is an image under the greeting which is in the body?
You should just need to add a height and width attribute for your image in your image tag:
<img src="imagename.jpg" width="x" height="y" />
You should just need to add a height and width attribute for your image in your image tag:
<img src="imagename.jpg" width="x" height="y" />
I know you believe you understand what you think I said...but I am not sure you realize that what you heard is not exactly what I meant.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
