fenzo666 Posted September 26, 2008 Share Posted September 26, 2008 Hey guys, just needed some help with banners. Here is the site I am trying to modify: http://db.pokesav.org/ I am trying to replace the banner at the top (The PKM Database), with an image banner. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>The PKM Database</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="An extensive Pokemon file database, including hundreds of events and an upload bin." /> <meta name="keywords" content="pokemon,database,pkm,pokesav,event,wonder card,wondercard,iritegood,fenzo" /> <link rel="stylesheet" href="include/style.css" type="text/css" media="screen,projection" /> </head> <body> <?php include("include/header.php"); </h2></div><div id="navigation"> Quote Link to comment Share on other sites More sharing options...
Stryves Posted September 26, 2008 Share Posted September 26, 2008 God I should look at the sites first. Look in the style.css for "header". You can add the following, but change the image.gif to whatever the picture is. background-image: url(image.gif); Quote Link to comment Share on other sites More sharing options...
Stryves Posted September 26, 2008 Share Posted September 26, 2008 I looked at the CSS, for the header entry just add the: background-image: url(image.gif); below background:#467aa7; #header{ height:110px; width:758px; margin:0 1px 1px 1px; background:#467aa7; color:#ffffff; } Quote Link to comment Share on other sites More sharing options...
fenzo666 Posted September 26, 2008 Author Share Posted September 26, 2008 Thank you. How exactly would I input the image? Upload it to the root folder or to a site like tinypic and link it? I am new to PHP, really sorry for causing all the trouble. Quote Link to comment Share on other sites More sharing options...
Stryves Posted September 26, 2008 Share Posted September 26, 2008 If you upload it to the root directory(better here than on tinypic), then you would want this in the CSS for the header: #header{ height:110px; width:758px; margin:0 1px 1px 1px; background:#467aa7; background-image: url(../image.gif); color:#ffffff; } Quote Link to comment Share on other sites More sharing options...
fenzo666 Posted September 26, 2008 Author Share Posted September 26, 2008 Well, I tried it out with a sample image that fits the width and length proportions but it seems to be having some difficulties. Take a look: http://db.pokesav.org/ Quote Link to comment Share on other sites More sharing options...
Stryves Posted September 26, 2008 Share Posted September 26, 2008 Looks good to me, if anything I'd change the color of the font now. What difficulties? Quote Link to comment Share on other sites More sharing options...
fenzo666 Posted September 26, 2008 Author Share Posted September 26, 2008 Well, the banner only takes up about 3/4 of the space. I removed the text and added a white banner. Take a look: http://db.pokesav.org/ How can i make it so that it takes up the last quarter of the blue section? Quote Link to comment Share on other sites More sharing options...
Stryves Posted September 26, 2008 Share Posted September 26, 2008 The blue area beside help? That's part of the navigation CSS, and if you change that it'll affect the area's to the left of it. Quote Link to comment Share on other sites More sharing options...
fenzo666 Posted September 26, 2008 Author Share Posted September 26, 2008 I think you are viewing it in Internet Explorer. Try it with Mozilla Firefox. Quote Link to comment Share on other sites More sharing options...
fenzo666 Posted September 26, 2008 Author Share Posted September 26, 2008 Whoops: Internet Explorer viewing fixed. I forgot a tag at the end. But the banner issue still affects Mozilla's version. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.