Log In · Register

 

Help Topic Rules and Requirements

For a list of all requirements and guidelines pertaining to posting a new Help topic, please click here.

This Month's Contests | Staff Member of the Month | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources

Submission Guidelines

 
Reply to this topicStart new topic
Another div problem has surfaced., :(
funride
post Aug 15 2010, 03:14 AM
Post #1


Funride.org
*****

Group: Member
Posts: 326
Joined: Jul 2007
Member No: 542,299



Okay, so yet again this layout is giving me trouble. Now I have frames running, but they cut off the content at a certain part. And I have no clue how to fix this. Please help. Also, it works fine without the frames, so...

Main code:
CODE
<head>
<html>

<!-- PUT THIS TAG IN THE head SECTION -->
<script type="text/javascript" src="http://partner.googleadservices.com/gampad/google_service.js">
</script>
<script type="text/javascript">
GS_googleAddAdSenseService("ca-pub-7892222271864999");
GS_googleEnableAllServices();
</script>
<script type="text/javascript">
GA_googleAddSlot("ca-pub-7892222271864999", "FlauntLightSky");
</script>
<script type="text/javascript">
GA_googleFetchAds();
</script>
<!-- END OF TAG FOR head SECTION -->




<title>Simply Katy Perry - Your Backyard Source For Everything Katy Perry</title>
<link rel="icon" href="/icon.ico" type="image/x-icon" />
<link rel="SHORTCUT ICON" href="/icon.ico" type="image/x-icon" />
<style type="text/css" media="screen">
@import url( '/style.css' );
</style>



<style>

body{

background-color:#a39794;

color:#fff;font-family: Verdana;

font-size: 10px;

color:#000000;

background-image:url(/bg.png);

background-repeat: repeat-x;}



#main{

left:450px;

top:600px;

width:490px;

position:absolute;

height:100%;

}


#side{

left:50px;

top:600px;

width:317px;

position:absolute;}


#welcome{

left:780px;

top:195px;

width:239px;

position:absolute;}


#music{

left:750px;

top:460px;

width:239px;

position:absolute;}



.sbody {


margin-bottom:-1px;
margin-left:16px;
background-color : #transparent;
background-image: url('/body.png');
background-repeat: repeat;
overflow:auto;
height:100%;
color:#fff;font-family: Verdana;

width : 317px;

}

.sbody2 {



margin-left:-06px;
margin-top:0px;
margin-right: 0px;
background-color : #transparent;
background-image: url('/mainbody.png');
background-repeat: repeat;
overflow:auto;
height:100%;
width : 470px;
text-align:center;
color:#fff;font-family: Verdana;
}

a img {

border-style: solid;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 0px solid #DE8CFB;
border-top: 0px solid #DE8CFB;
background-image: url();
margin:1px;
padding:4px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color:#d0c4c2;
filter:alpha(opacity=40);
opacity: 0.4;
-moz-opacity:0.4;

}

a:hover img {
border-style: solid;
border-right: 1px solid #100F0E;
border-bottom: 1px solid #100F0E;
border-left: 0px solid #F4BCD2;
border-top: 0px solid #F4BCD2;
margin:1px;
padding:4px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color:#d0c4c2;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;

}



</style>
</head><body>
<div style="overflow: visible; position: absolute; left: 0; top: 0">
<img id="Image-Maps_6201007070406412" src="/katyperry.png" usemap="#Image-Maps_6201007070406412" border="0" width="1120" height="614" alt="" />
<map id="_Image-Maps_6201007070406412" name="Image-Maps_6201007070406412">
<area shape="rect" coords="134,22,210,44" href="/main.php" target="main" alt="" title="" />
<area shape="rect" coords="264,22,349,46" href="/media.php" target="main" alt="" title="" />
<area shape="rect" coords="386,22,491,44" href="/photos" target="main" alt="" title="" />
<area shape="rect" coords="542,23,599,44" href="/site.php" target="main" alt="" title="" />
<area shape="rect" coords="674,23,745,44" href="/katy.php" target="main" alt="" title="" />
<area shape="rect" coords="796,23,890,45" href="/online.php" target="main" alt="" title="" />

</map>
<!-- Image map text links - End - -->
</div>


<div id="welcome"><font color="ffffff">
Welcome to Simply Katy Perry, your source for everything Katy Perry! We offer news, media and photos. Plus multimedia for usage of your own! We hope you enjoy the site, it is one of the highest quality backyard fansites for Katy Perry today. Please reccomend to all your friends and come back soon!<br>
<div style="float:right;">- Nick.<3</div>
</div>


<div id="music">
<center><b>'Teenage Dream'</b><br>
<object type="application/x-shockwave-flash" data="/player_mp3_mini.swf" width="200" height="20"><br /> <param name="movie" value="/player_mp3_mini.swf" /><br /> <param name="bgcolor" value="#000000" /><br /> <param name="FlashVars" value="mp3=http://mp3upload.ca/music/play/27502.mp3" &bgcolor=000000&loadingcolor=000000&slidercolor=ffffff" /><br /></object>
</center>
</div>

<div id="main">
<IFRAME style="FI: chroma (color=#339966);" name="main" marginWidth="0"
marginHeight="0" src="/main.php" frameBorder="0" width="100%" scrolling="no"></IFRAME>
</div>





<div id="side">
<img src="/eliteandtopheader.png" alt="" border="0" style="margin-left:-06px;">
<div class="sbody">
<blockquote>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a><br><br>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a><br><br>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a>
<a href="#"><img src="/elite.png"></a><br><br><br>

<center>
<center><select onchange="window.open(this.options[this.selectedIndex].value)" style="padding: 3px; width: 190px; height: 25px;">
<option>Top Affiliates</option>
<option value="#" target="_blank">Empty</option>
<option value="#" target="_blank">Empty</option>
<option value="#" target="_blank">Empty</option>
<option value="#" target="_blank">Empty</option>
<option value="#" target="_blank">Empty</option>
<option value="#" target="_blank">Empty</option>
<option value="#" target="_blank">Empty</option>
</select></center>
</blockquote>


</div>
<img src="/footer.png" alt="" border="0"><br><br><br>


<img src="/familyplugsheader.png" alt="" border="0" style="margin-left:-06px;">
<div class="sbody"><blockquote>
<center>
<a href="http://matt-lanter.org"><img src="/matt.png"></a><br><br>

<a href="http://avrilpedia.com"><img src="/avril.png"></a><br><br>

<a href="http://kesha-duh.flaunt.nu"><img src="/kesha.png"></a><br><br></center></blockquote>
</div>
<img src="/footer.png" alt="" border="0"><br><br><br>


<img src="/currentprojectsheader.png" alt="" border="0" style="margin-left:-06px;">
<div class="sbody"><blockquote>
<img src="/tda.png" align="left">
<b>Teenage Dream </b><br>
Genre: Pop<br>
Release: August 24<br>
Status: Finished<br>
<a href="http://katyperry.com">Information</a>
</blockquote>
</div>
<img src="/footer.png" alt="" border="0"><br><br><br>


<img src="/katystweetsheader.png" alt="" border="0" style="margin-left:-06px;">
<div class="sbody"><blockquote>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 230,
height: 300,
theme: {
shell: {
background: '#9a8d8a',
color: '#000000'
},
tweets: {
background: '#9a8d8a',
color: '#ffffff',
links: '#bcb3b1'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('KATYPERRY').start();
</script>
</blockquote>
</div>
<img src="/footer.png" alt="" border="0"><br><br><br>


<img src="/siteinformationheader.png" alt="" border="0" style="margin-left:-06px;">
<div class="sbody"><blockquote>
<b>Maintained By:</b> Nick<br>
<b>Opened:</b> ???<br>
<b>Host:</b> <a href="http://funride.org">Funride Network</a><br>
<b>Designed By:</b> <a href="http://loyal-army.net">Loyal-Army</a><br>
<b>Coded By:</b> <a href="http://loyal-army.net">Loyal Army</a> & Nick<br>
<b>Layout Version:</b> 01<br>
</blockquote>
</div>
<img src="/footer.png" alt="" border="0"><br><br><br>


<img src="/disclaimerheader.png" alt="" border="0" style="margin-left:-06px;">
<div class="sbody"><blockquote>
Simply Katy Perry is a non profit site. We have no affiliation with Katy, her managment, family or friends. All photos on this site are used under <b><i><u>Fair Copyright Law 102</b></i></u>. If you own a photo, please contact us before undergoing any legal action and we will take it down.
</blockquote>
</div>
<img src="/footer.png" alt="" border="0"><br><br><br>

</div>
</html>


Frame Code:
CODE
<html>
<head>
<link rel="stylesheet" href="/page.css">
</head>
<body>

<?PHP
$number=10;
include("/home/funride1/public_html/simplykaty/cutenews/show_news.php");
?>








</body>
<html>


Frame Style:
CODE
body{

background-color:#a39794;

color:#fff;font-family: Verdana;

font-size: 10px;

background-repeat: repeat-y;}


h1{

font-family:times new roman;


font-size: 24px;

color: #ffffff;

font-style: italic;

text-align: center;

text-transform:lowercase;

text-decoration: none

margin-bottom: 5px;

line-height: 15pt;

margin-top: 2px;

text-shadow: 1px 1px 1px #000000;

letter-spacing:-2px;

}




h2{

background-color:#000000;

display: block;

font-family:arial;

text-align: center;

padding:2px;

font-size: 9px;

color: #ffffff;

text-decoration: none;

text-transform:uppercase;

margin-bottom: 1px;

line-height: 8pt;

margin-top: 2px;

letter-spacing:2px;

}












a{

color:#bcb3b1;font-family:arial;

font-size: 9px;

text-transform: none;

letter-spacing:1px;

text-transform:uppercase;

text-decoration: none;}



b{

color:#d0c4c2;font-family:Verdana;

font-size: 10px;

text-transform: none;

letter-spacing:1px;

text-decoration: none;

}


i{

color:#d0c4c2;font-family: Verdana;

font-size: 10px;

text-transform: none;

letter-spacing:1px;

text-decoration: none;

}

a:hover{

font-size: 9px;

text-transform: none;

letter-spacing:1px;

text-transform:uppercase;

text-decoration: none;

color:#886960;}


blockquote{
color:#ffffff;
font-family: Verdana;
font-size: 11px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:0px;
text-align: left;}


textarea {

background : #ffffff;

width : 240px;

height : 100px;

font-family : arial;

font-size : 9px;

color: #000000;

border : 1px solid #eeeeee;
}

.sbody2 {



margin-left:-06px;
margin-top:0px;
margin-right: 0px;
background-color : #transparent;
background-image: url('/mainbody.png');
background-repeat: repeat;
overflow:auto;
height:100%;
width : 470px;
text-align:center;
color:#fff;font-family: Verdana;
}

a img {

border-style: solid;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 0px solid #DE8CFB;
border-top: 0px solid #DE8CFB;
background-image: url();
margin:1px;
padding:4px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color:#d0c4c2;
filter:alpha(opacity=40);
opacity: 0.4;
-moz-opacity:0.4;

}

a:hover img {
border-style: solid;
border-right: 1px solid #100F0E;
border-bottom: 1px solid #100F0E;
border-left: 0px solid #F4BCD2;
border-top: 0px solid #F4BCD2;
margin:1px;
padding:4px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color:#d0c4c2;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;

}


Cutenews Template:
CODE
<h1>{title}</h1>
<img src="/mainheader.png" alt="" border="0" style="margin-left:-06px; margin-bottom:-2px;">
<div class="sbody2"><center>
<center>
<blockquote>{short-story}
<div style="float:right;">[com-link]Comment(s)[/com-link] [full-link]Read More?[/full-link]</div>
</blockquote></div>
<img src="/mainfooter.png" alt="" border="0" style="margin-left:-06px;"><br><br><br>


Sorry, I have no idea what codes to give to help, and the url is http://simply-katy.funride.org
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: