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"> Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/ 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); Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/#findComment-651439 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; } Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/#findComment-651441 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. Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/#findComment-651445 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; } Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/#findComment-651447 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/ Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/#findComment-651449 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? Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/#findComment-651452 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? Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/#findComment-651473 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. Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/#findComment-651475 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. Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/#findComment-651478 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. Link to comment https://forums.phpfreaks.com/topic/125973-banner-image/#findComment-651481 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.