As was foretold, we've added advertisements to the forums! If you have questions, or if you encounter any bugs, please visit this thread: https://forums.penny-arcade.com/discussion/240191/forum-advertisement-faq-and-reports-thread/
Options

HTML, Placing Image Over a frame

WeeSneakWeeSneak Registered User regular
edited September 2007 in Help / Advice Forum
Ok im making a site, i decided to use a gallery maker to put a gallery in there, it a lot easier than doing it all by html. The site uses a css style sheet i got premade.

Basically the gallery maker is great, but up the top it has a big nasty banner saying my name and how many images i have. The gallery page is in an iframe in my own made page, so the banner being there is pretty ugly, considering it means the site has two banners.

I emailed the webmaster about removing it and he said it wasent against the Toc as long as i dont remove the links back to the site at the bottom of the page, and some other users have done it before, although he does not know personally how to do it.

So i was wondering if anyone can help, you cannot edit the html or css of the gallery page (Just pick a bg color text color etc) so itd have to be done from the page containing the iframe, so the image would have to go over the top of the frame, covering the banner in the frame, making it the same color as the background, and making the world a better place.

If you need anymore infos, please let me know.

Heres the HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;

<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>WebShirts</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">


</div>
<div id="menu">
<ul>
<li class="active"><a href="#" title="">Homepage</a></li>


<li><a href="#" title="">F.A.Q</a></li>



<li><a href="#" title="">F.A.Q</a></li>
<li><a href="#" title="">About Us</a></li>
<li><a href="#" title="">Invest</a></li>
<li><a href="#" title="">Contact</a></li>

</ul>
</div>
</div>
<div id="wrapper">
<div id="content">


</div>
<center>
<iframe src="shirts.html" width="900" height="1100" frameborder="no" > </iframe>
</center>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Web Shirt Designs. All Rights Reserved.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>

And Heres the CSS
fb/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
margin: 0;
padding: 0;
}

body {
margin-top: 220px;
background: #000000 url(images/img01.jpg) no-repeat center top;
font: normal small Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}

h1, h2, h3 {
color: #FFFFFF;
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
margin-bottom: 1.4em;
line-height: 1.8em;
text-align: justify;
}

p {
}

blockquote {
margin-left: 2em;
margin-right: 2em;
font-style: italic;
}

ul {
margin-left: 3em;
}

ul li {
}

ol {
margin-left: 3em;
}

ol li {
}

a {
text-decoration: none;
color: #FFFFFF;
}

a:hover {
text-decoration: underline;
}

img {
border: 0px solid #C4C2C2;
}

/* Boxed Style */

.boxed {
margin-bottom: 20px;
}

.boxed .title {
margin: 0;
padding: 5px 0;
background: url(images/img07.gif) repeat-x left bottom;
font-size: 1em;
}

.boxed .content {
padding: 15px;
}

/* Post */

.post {
}

.post .title {
padding: 10px 0;
background: url(images/img07.gif) repeat-x left bottom;
font-size: 1.6em;
font-weight: normal;
}

.post .date {
padding-top: 5px;
font-size: .8em;
font-weight: normal;
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
padding-bottom: 10px;
background: url(images/img07.gif) repeat-x left bottom;
font-size: .8em;
}

.post .meta p {
margin: 0;
line-height: normal;
}

.post .story {
padding: 20px;
}

/* Header */

#header {
height: 61px;
background: url(images/img02.gif) repeat-x;
}

/* Header > Logo */

#logo {
width: 700px;
height: 19px;
margin: 0 auto;
padding: 6px 0 0 0;
}

#logo h1, #logo h2 {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
}

#logo h1 {
float: left;
}

#logo h2 {
float: right;
}

#logo a {
}

/* Header > Menu */

#menu {
width: 700px;
height: 27px;
margin: 0 auto;
}

#menu ul {
margin: 0;
padding: 7px 0 0 0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 25px;
margin: 0 5px 0 0;
padding: 2px 25px 0 25px;
background: url(images/img03.gif) repeat-x;
border: 0px solid #222222;
text-align: center;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
}

#menu a:hover {
background-image: url(images/img04.gif);
text-decoration: none;
}

#menu .active a {
background-image: url(images/img05.gif);
}

/* Wrapper */

#wrapper {
background: url(images/img06.gif) repeat-x;
}

/* Content */

#content {
width: 700px;
margin: 0 auto;
padding: 20px 0 0 0;
}

/* Content > Main */

#main {
float: right;
width: 460px;
}

/* Content > Main > Welcome */

#welcome {
padding-top: 5px;
}

/* Content > Main > Example */

#example {
}

/* Content > Sidebar */

#sidebar {
float: left;
width: 220px;
}

/* Content > Sidebar > Support */

#support {
padding: 20px 15px;
color: #FF8A00;
}

#support h2 {
margin: 0;
font-size: 1.3em;
color: #FF8A00;
}

#support h3 {
margin: 0;
font-size: 1em;
color: #FF8A00;
}

/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset {
border: none;
}

#login legend {
display: none;
}

#login label {
font-size: x-small;
font-weight: bold;
}

#login input {
margin-bottom: 5px;
padding: 2px 5px;
border: 0px solid #385B88;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#inputtext1, #inputtext2 {
color: #385B88;
}

#inputsubmit1 {
background: #385B88;
color: #FFFFFF;
}

#login p {
font-size: .8em;
}

/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
margin: 0;
list-style: none;
}

#updates h3 {
margin: 0;
font: bold x-small Verdana, Arial, Helvetica, sans-serif;
}

#updates p {
margin-bottom: 1.4em;
font-size: smaller;
line-height: normal;
}

/* Content > Sidebar > Partners*/

#partners {
}

#partners .content {
padding: 10px 0;
}

#partners ul {
margin: 0;
border-bottom: 1px solid #D1BC5C;
list-style: none;
line-height: normal;
}

#partners li {
padding: 10px;
border-top: 1px solid #D1BC5C;
}

/* Footer */

#footer {
clear: both;
padding: 20px 50px;
border-top: 4px solid #393F4D;
background: #444C5D;
}

#footer p {
width: 900px;
margin: 0 auto;
font-size: x-small;
color: #FFFFFF;
}

#footer a {
text-decoration: underline;
color: #FFFFFF;
}

#footer a:hover {
text-decoration: underline;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}

sigmh7.jpg
WeeSneak on
Sign In or Register to comment.