3 replies [Last post]
JennaScott
JennaScott's picture
Offline
newbie
Last seen: 8 years 21 weeks ago
Timezone: GMT-6
Joined: 2012-03-18
Posts: 2
Points: 3

hey!
im trying to edit a website template and add a header to it but i have no idea how Sad
I wanna put a picture instead of the text
Screen shot 2012-03-17 at 6.36.58 PM.png
please help!

thanks!! <3

-Jenna

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 6 hours 22 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

Hi Jenna

It's good of you to join us.

We will need to see what you've got so far. Without seeing the existing html and css, we can only guess at what it is you actually need. Suggestions we might give you would be 'right', but not necessarily right for your needs.

You should read all the sticky posts at the top of the forum for hints on how to best get answers. (Hint #1: we need to see the code. Wink)

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

JennaScott
JennaScott's picture
Offline
newbie
Last seen: 8 years 21 weeks ago
Timezone: GMT-6
Joined: 2012-03-18
Posts: 2
Points: 3

hey! thanks heres the css

hey! thanks Smile
heres the css code that i have.
most of it is from the template but i want to add a picture header and make the background of the site black and white

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}
ul{
    list-style:none;
}
fieldset{
    border:0;
}
a img{
    border:0;
}
.clear{
    clear:both;
}
 
html{
min-height: 100%;
  height: auto !important;
  height: 100%;
}
 
 
body {
    background: #e0edf6 url(footerbg.jpg) bottom repeat-x;
    font-family: arial, sans-serif;
    font-size:13px;
    color:#626262;
    height: 100%;
    margin:0;
    padding:0;
}
 
a{
    color: #de7c41;
    text-decoration: none;
}
p {
    line-height: 170%;
    color: #4e4e4e;
    font-size: 13px;
    padding: 5px 0px 5px 0px;
}
h1 {
    font-size:30px;
    color:#181818;
    line-height:1.5;
    font-weight: normal;
    padding: 5px 0px 5px 0px;
}
h2 {
    font-size:24px;
    color:#181818;
    line-height:1.5;
    font-weight: normal;
    padding: 5px 0px 5px 0px;
}
 
#wrapper {
    width: 100%;
min-height: 100%;
  height: auto !important;
  height: 100%;
    margin: 0px 0px -100px 0px;
    background: url(bodybg.jpg) repeat-x;
}
 
#container{
    width: 1500px;
    margin: 0 auto;
    padding: 0px 0px 0px 39px;
    background: url(KIRSTENBACKGROUND.jpg) no-repeat;
}
 
.title{
    width: 800px;
    padding: 16px 0px;
    font-size: 100px;
}
 
.title, .title a {
    color: #000000;
}
 
#navigation{
    position: relative;
    width: 866px;
    height: 39px;
    z-index: 2;
    background: url(av5.jpg) no-repeat;
}
 
#navigation ul li{
  display: inline;
    float: left;
    font-size: 20px;
    margin: 0px 0px 0px 43px;
    padding: 10px 0px 0px 0px;
}
 
#navigation ul li a{
    color: #7D053F;
}
 
#navigation ul li a:hover, #navigation ul li#active a{
    color: #7D053F;
}
 
 
#weebly-menus .weebly-menu-wrap { z-index: 5000; margin: 12px 0px 0px 0px; }
 #weebly-menus .weebly-menu { padding: 0; margin: 0; list-style: none; }
 #weebly-menus .weebly-menu li { float: left; clear: left; width: 168px; text-align: left; }
 #weebly-menus .weebly-menu li a { position: relative; display: block; width: 150px; background: #deeff7; border-top:  none; border-bottom: 1px solid #bccdd5; border-right: none; border-left: none; text-decoration: none; font-size: 12px; font-weight: normal; line-height:1; padding: 8px 6px 8px 12px; color: #6c8201; }
 #weebly-menus .weebly-menu li a:hover { background: #cce6f5; color: #6c8201; }
 
 
#content{
    width: 866px;
    height:auto !important;
    min-height:500px;
    _height: 500px;
    padding: 23px 0px;
}
 
.footerclear{
  height: 100px;
  clear: both;
}
 
#footer{
    width: 866px;
    color: #666666;
    clear: both;
  font-weight: bold;
  margin: 0 auto;
    font-size: 12px;
    text-align: right;
    padding: 20px 0px 80px 0px;
}
 
#footer a{
 color: #eb690a; 
}

thanks!

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 6 hours 22 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

OK, and the html?

The style declarations are applied against the document object model (DOM), which is the model of the html markup. We do need to see the html also.

It appears you are using an html/css generator application to create the page. Save your work, open it (the page) in your browser, view source, and copy/paste the source to your next post. If I've been overly simple, I apologize. Your question indicates you are a novice, and I don't know the extent of your knowledge base. Thinking it's better to over-instruct than otherwise … :shrug:.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.