Hi,
I have developed a games website using php. When any user clicks on any game then in the game play page game content is displaying properly. What the problem is the game content is displaying sometimes on the div and some times its not displaying on the div. so after days of testing the site i came to know that the problem is with the flash game dimensions. Means if the game dimension is less than 700px the div background is not displaying whereas if the game dimension is over 700px then it automatically displays in the div container. So can you tell me how to solve the issue. I am attaching the picture of the issues. Kindly look into it and help me in this regard. Thanks for reading this post. Awaiting for your response. The images are attached kindly please do find it.
Regards,
phphunger
Problem with div for flash game site
Moderator: General Moderators
Problem with div for flash game site
- Attachments
-
- Image Without Background Div
- Without_background_div.jpg (222.34 KiB) Viewed 1752 times
-
- Image With Background Div
- with_background_div.jpg (156.36 KiB) Viewed 1752 times
Last edited by phphunger on Tue Jul 20, 2010 9:52 am, edited 1 time in total.
-
DaiLaughing
- Forum Commoner
- Posts: 76
- Joined: Thu Jul 16, 2009 8:03 am
Re: Problem with div for flash game site
You'd have to post the HTML and CSS
Re: Problem with div for flash game site
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div id="page-container"> <!-- PAGE CONTAINER START -->
<?php include('header.php'); ?>
<?php include('menu.php') ?>
<div id="play-game-sidebar-a"><!--SIDE BAR START -->
</div><!-- SIDE BAR END -->
<div id="play-top">Playing <?php echo $playGameRow['name'];?></div> <!-- PLAY GAME SECTION START -->
<div style="border-left:1px solid #000; border-right:1px solid #000">
<div style="height:4px"></div>
<div>
</div>
<?php
if ($playGameRow['width'] > 700){ ?>
<div id="ads" align='center' style="position:absolute; margin-left:200px">
<!-- Ads here -->
<br />
<!--Please wait while the game's loading...<br />-->
<script type="text/javascript">
var bar1= createBar(300,15,'#cccccc',1,'#cccccc','#CC0000',85,7,3,"");
</script>
</div>
<div id="gamecontent" style='float:left; height:auto'>
<div id="play-gameb">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="700" height="<?php echo $playGameRow['height'];?>">
<param name="movie" value="http://www.mysitename.com/swf/games/<?php echo $playGameRow['filename'];?>" />
<param name="quality" value="high" />
<param name="allownetworking" value="internal">
<embed src="http://www.mysitename.com/swf/games/<?php echo $playGameRow['filename'];?>" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent" allownetworking="internal" width="700" height="<?php echo $playGameRow['height'];?>">
</embed>
</object>
<div align="center">
<!-- Ads here -->
</div>
</div>
</div>
<script type="text/javascript">
function turn_vis_on(id) {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'inline';
obj = document.getElementById(id);
obj.style.visibility = "visible";
}
}
function turn_vis_off(id){
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
obj = document.getElementById(id);
obj.style.visibility = "hidden";
}
}
function ShowHide()
{
turn_vis_off("ads");
turn_vis_on("gamecontent");
//alert('5sec!');
}
document.getElementById("ads").style.zIndex = 100;
timeoutID = setTimeout(ShowHide, 10000);
</script>
<?php }else{ ?>
<div id="ads" align='center' style="position:absolute; margin-left:200px">
<!-- Ads here -->
<br />
<!--<h3><font color="#04ec4b" face="Verdana, Arial, Helvetica, sans-serif">Please wait while the game's loading...</font></h3><br />-->
<script type="text/javascript">
var bar1 = createBar(300,15,'#cccccc',1,'#cccccc','#CC0000',85,7,3,"");
</script>
</div>
<div id="gamecontent" style='float:left; height:auto; margin-left:10px; visibility:hidden; display:none'>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="<?php echo $playGameRow['width'];?>" height="<?php echo $playGameRow['height'];?>">
<param name="movie" value="http://www.mysitename.com/swf/games/<?php echo $playGameRow['filename'];?>" />
<param name="quality" value="high" />
<param name="allownetworking" value="internal">
<embed src="http://www.mysitename.com/swf/games/<?php echo $playGameRow['filename'];?>" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" allownetworking="internal" width="<?php echo $playGameRow['width'];?>" height="<?php echo $playGameRow['height'];?>">
</embed>
</object>
</div>
</div>
</body>
</html>
[b]Style.css Code:[/b]
@charset "utf-8";
/* CSS Document */
html, body {
height:100%;
margin: 0;
padding: 0;
background-color:#242424;
/*background:url(images/bg.jpg) no-repeat fixed center top;*/
}
.hidden {
display: none;
}
#page-container{
width:950px;
margin:auto;
background:#333333;
}
#top-nav {
/*margin-left:3px;*/
width:935px;
height:auto;
overflow:auto;
margin-top:2px;
margin-bottom:2px;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
font:bold;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#header {
/*background:#ea8000
url('/test/testing/images/center.png') background repeat-x;*/
background-image:url('/images/center.png');
background-repeat:repeat-x;
/*background-size: 100%;*/
/*height: 145px;
width:950px;*/
height:100%;
width:100%;
margin-top:4px;
/* border:1px solid #D6D6C2;*/
/*
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
*/
}
a.logo{
/*padding-top:7px;
padding-left:2px;
*/
padding-top:0;
padding-left:0;
padding-bottom:0;
float:left;
height:145px;
width:367px;
background-image:url('/test/testing/swf/logo.png');
}
.bookmark{
float:left;
font:"Courier New", Courier, monospace;
font-style:italic;
height:25px;
width:25px;
background-image:url('/test/testing/images/favorites_icon.png');
}
/* gradient 2 */
/*
.gradient2 h1 {
font: bold 310%/100% "Lucida Grande", Arial, sans-serif;
position: relative;
margin: 30px 0 50px;
color: #464646;
text-transform: uppercase;
letter-spacing: -2px;
}
.gradient2 h1 span {
background: url(images/gradient-glossy.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 18px;
}
.gradient2 a {
color: #000;
text-decoration: none;
}
.gradient2 a:visited {
color: #000;
}
.gradient2 a:hover {
color: #555;
}
*/
/*
#menu h3 {
font:bold 310%/100% "Lucida Grande", Arial, sans-serif;
position:relative;
margin:30px 0 50px;
color:#464646;
text-transform:uppercase;
letter-spacing:-2px;
}
*/
/*
#menu a:link{
font:bold 150%/150% "Verdana", Arial, Helvetica, sans-serif;
font-style:normal;
font-family:verdana;
text-decoration:none;
}
#menu a:visited{
font:bold 150%/150% "Verdana", Arial, Helvetica, sans-serif;
font-style:normal;
font-family:verdana;
text-decoration:none;
}
*/
/*
#menu a:hover{
font:bold 150%/150% "Lucida Grande", Arial, sans-serif;
font-style:normal;
text-decoration:none;
color:#CC0000;
}
*/
/* START MENU CSS */
#pointermenu2{
margin: 0;
padding: 0;
}
#pointermenu2 ul{
margin: 0;
margin-top:0;
margin-bottom:10px;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: bold 17px MinionPro;
background: #b82b00 url('/images/leftround2.png') bottom left no-repeat; /*optional left round corner*/
}
* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}
#pointermenu2 ul li{
display: inline;
}
#pointermenu2 ul li a{
float: left;
color: white;
font-weight: bold;
padding: 7px 9px 7px 5px;
text-decoration: none;
}
#pointermenu2 ul li a:visited{
color: white;
}
#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: #02fd2b;
background: transparent url('/images/pointer.png') bottom center no-repeat;
}
#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url('/images/rightround2.png') bottom right no-repeat; /*optional right round corner*/
}
/* END MENU CSS */
#menu-nav{
/*background:#ffffff;*/
/*url(/images/menu.gif) no-repeat;*/
/*height:114px;*/
width:757px;
height:auto;
/* float:left;*/
overflow:auto;
/*padding-left:10px;
padding-top:4px;
*/
padding:0 0 0 13px;
/*margin-top:4px;
margin-bottom:4px;*/
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
/*font: 16px Verdana, Arial, Helvetica, sans-serif;
font:bold;
color:ffffff;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
/*
margin-left:3px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-top:1px solid #000;
background-color:#e6e6e6;
width:935px ;
height:114px;
overflow:auto;
padding-left:10px;
padding-top:4px;
*/
}
/*
#menu-nav li {
float: left;
list-style-type: none;
}
#menu-nav li a {
display: block;
height: 26px;
margin: 0 6px;
width: 135px;
}
#menu-nav li a.home {
background: transparent url('/test/testing/images/home.png') no-repeat left top;
}
#menu-nav li a.action {
background: transparent url('/test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.arcade {
background: transparent url('/test/testing/images/arcade.png') no-repeat left top;
}
#menu-nav li a.adventure {
background: transparent url('/test/testing/images/adventure.png') no-repeat left top;
}
#menu-nav li a.shooting {
background: transparent url('/test/testing/images/shooting.png') no-repeat left top;
}
#menu-nav li a.fighting {
background: transparent url('/test/testing/images/fighting.png') no-repeat left top;
}
#menu-nav li a.kids {
background: transparent url('/test/testing/images/kids.png') no-repeat left top;
}
#menu-nav li a.racing {
background: transparent url('/test/testing/images/racing.png') no-repeat left top;
}
#menu-nav li a.puzzle {
background: transparent url('/test/testing/images/puzzle.png') no-repeat left top;
}
#menu-nav li a.sports {
background: transparent url('/test/testing/images/sports.png') no-repeat left top;
}
#menu-nav li a.strategy {
background: transparent url('/test/testing/images/stategy.png') no-repeat left top;
}
#menu-nav li a.casino {
background: transparent url('/test/testing/images/casino.png') no-repeat left top;
}
#menu-nav li a:hover {
background-position: left bottom;
}
.non-visible {
height: 1px;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 1px;
}
*/
/*
#main-menu {
background: #ececec url('/images/template/main-menu-bg.gif') repeat-x left top;
height: 45px;
margin: 0 auto;
padding: 0 0 0 19px;
width: 950px;
}
*/
/*
#menu-nav li {
float: left;
list-style-type: none;
}
#menu-nav li a {
display: block;
height: 45px;
margin: 0 6px;
width: 125px;
}
#menu-nav li a.home {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.action {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.arcade {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.adventure {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.shooting {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.fighting {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.kids {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.racing {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.puzzle {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.sports {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.stratagy {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a.casino {
background: transparent url('test/testing/images/action.png') no-repeat left top;
}
#menu-nav li a:hover {
background-position: left bottom;
}
.non-visible {
height: 1px;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 1px;
}
*/
.login_form {
/*margin-left:3px;*/
width:380px;
height:140px;
float:right;
overflow:auto;
/*padding-left:10px;*/
padding-right:10px;
padding-top:10px;
/* margin-right:2%;*/
font:Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-size:10px;
/*border:3px solid #81A594;*/
/*background:#fdb300;*/
padding: 5px;
/*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
/*-moz-border-radius: 15px 0 15px 0;*/
}
.search{
/*margin-left:3px;*/
width:100px;
height:70px;
float:right;
overflow:auto;
/*padding-left:10px;*/
padding-right:10px;
padding-top:10px;
/* margin-right:2%;*/
font:Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-size:10px;
/*border:3px solid #81A594;*/
/*background:#fdb300;*/
padding: 5px;
/*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
.input {
border: 1px solid #006;
background: #ffc;
margin-bottom:2px;
color:#990000;
font-weight:lighter;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
.input:hover {
border: 1px solid #f00;
background: #ff6;
}
.button {
border: 1px solid #006;
background: #8dcc09;
color:#ffffff;
font-weight:lighter;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
.button:hover {
border: 1px solid #f00;
background: #ecb423;
}
label {
display: block;
width: 50px;
float: left;
margin: 2px 4px 6px 4px;
text-align: right;
}
br { clear: left; }
#play-gameb {
/*margin-left:3px;*/
width:700px;
/*height:575px;*/
height:100%;
float:left;
overflow:auto;
/*padding-left:10px;*/
padding-top:4px;
margin-bottom:4px;
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
/* padding: 3px;*/
/*font: 16px Verdana, Arial, Helvetica, sans-serif;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#play-top {
/*margin-left:3px;*/
/*width:760px;*/
width:710px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2c2624;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
/* -------------------------------------------- */
/* Pagination: Digg Style */
/* -------------------------------------------- */
ul{border:0; margin:0; padding:0;}
#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #000000;
color:#e6e6e6;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#33ff04;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #0e509e;
}
#curves-ng {
/*margin-left:3px;*/
/*background-image: #e6e6e6 url('/images/hot_icon.gif') no-repeat;
background-position: 24px 9px;*/
width:760px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #8e938f;
/*background:#858384;*/
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
/*color:#303030;*/
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#hor-add {
/*margin-left:3px;*/
width:940px;
/*height:575px;*/
height:auto;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #303030;
background:#303030;
/* padding: 3px;*/
/*font: 16px Verdana, Arial, Helvetica, sans-serif;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-ngb {
/*margin-left:3px;*/
width:757px;
/*height:575px;*/
height:auto;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
/*background:#303030;*/
background-color:#e6e6e6;
/* padding: 3px;*/
/*font: 16px Verdana, Arial, Helvetica, sans-serif;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-ngb2 {
/*margin-left:3px;*/
width:757px;
height:465px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-ngb3 {
/*margin-left:3px;*/
width:757px;
height:240px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-ngb4 {
/*margin-left:3px;*/
width:757px;
height:150px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-sidebar-top {
/*margin-left:3px;*/
width:160px;
float:right;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #8e938f;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#curves-mgb {
/*margin-left:3px;*/
width:757px;
height:auto;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 16px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-sidebar {
/*margin-left:3px;*/
width:160px;
height:auto;
float:right;
/* overflow:auto;*/
/*
margin-left: 2px;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
*/
/* margin-right:2%;*/
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #D6D6C2;
/*background-color:#e6e6e6;*/
font-weight:bold;
/*font-size:10px;*/
/*color:#66CCFF;*/
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#86cb0e;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#play-game-curves-sidebar {
/*margin-left:3px;*/
width:200px;
height:200px;
float:right;
overflow:auto;
/*padding-left:10px;
padding-top:4px;
padding-bottom:4px;
*/
/* margin-right:2%;*/
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #D6D6C2;
background-color:#e6e6e6;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#curves-playg {
/*margin-left:3px;*/
/*width:760px;*/
width:760px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#858384;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#curves-playgb {
/*margin-left:3px;*/
/*width:757px;
height:575px;
*/
width:auto;
height:auto;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font: 16px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#game-fonts{
font:Georgia, "Times New Roman", Times, serif;
/*font-style:normal;*/
font-weight:bold;
font-size:10px;
/*color:#66CCFF;*/
color:#86cb0e;
}
#footer-fonts{
font:Georgia, "Times New Roman", Times, serif;
/*font-style:normal;*/
font-weight:bold;
font-size:10px;
/*color:#66CCFF;*/
color:#ffffff;
text-decoration:none;
}
#register-fonts{
font:Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-size:12px;
/*color:#66CCFF;*/
color:#000000;
}
#pagi-fonts{
font:Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-size:12px;
/*color:#66CCFF;*/
color:#FFFFFF;
}
#content {
margin-right:168px;
/*background: green;*/
}
#sidebar-a {
background: e6e6e6;
float: right;
width: 168px;
margin-top:40px;
}
#play-game-sidebar-a {
background: e6e6e6;
float: right;
width: 200px;
margin-top:40px;
}
#play-game-sidebar-top {
/*margin-left:3px;*/
width:200px;
float:right;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#2c2624;
font-weight:bold;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
.big_box_content{
background:url('/images/games_box.gif') no-repeat;
height:365px;
width:760px;
margin-left:3px;
padding-left:5px;
padding-top:3px;
}
.big_box_games_bg{
/*background:url(images/game_icon_bg.gif) no-repeat;*/
float:left;
width:110px;
height:120px;
margin:1px;
padding-left:5px;
margin-left:5px;
margin-bottom:4px;
border:1px solid #2c2624;
background-color:#2c2624;
/*padding: 5px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
.game_icon{
float:left;
width:100px;
padding:2px;
/*margin:auto;*/
padding-top:10px;
}
/*
#footer {
clear:both;
margin-left:3px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-top:1px solid #000;
background-color:#e6e6e6;
width:935px ;
height:40px;
overflow:auto;
padding-left:10px;
padding-top:4px;
}
*/
#footer {
/*margin-left:3px;*/
width:935px;
height:45px;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background:#303030;
/*padding: 3px;*/
font-style:normal;
font-size:12px;
/*font:Georgia, "Times New Roman", Times, serif;*/
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#66CCFF;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#relgames-top {
/*margin-left:3px;*/
width:937px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2c2624;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#relgames {
/*margin-left:3px;*/
width:935px;
/*height:auto;*/
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
/* background:#303030;*/
background-color:#e6e6e6;
/*padding: 3px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
.rel_games_bg{
/*background:url(images/game_icon_bg.gif) no-repeat;*/
float:left;
width:110px;
height:120px;
margin:1px;
padding-left:5px;
margin-left:12px;
margin-bottom:4px;
border:1px solid #2c2624;
background-color:#2c2624;
/*padding: 5px;*/
font: 12px Verdana, Arial, Helvetica, sans-serif;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#desc-top {
/*margin-left:3px;*/
width:600px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2c2624;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#desc-body {
/*margin-left:3px;*/
width:600px;
height:320px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
font:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;
color:#2c2624;
/*padding: 3px;*/
/*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
#desc-spon-top {
/*margin-left:3px;*/
width:320px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
padding: 5px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2c2624;
/*-moz-border-radius: 15px 0 15px 0;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius: 10px;
}
#desc-spon-body {
/*margin-left:3px;*/
width:320px;
height:320px;
float:left;
overflow:auto;
padding-left:10px;
padding-top:4px;
margin-bottom:4px;
/* margin-right:2%;*/
border:1px solid #D6D6C2;
background-color:#e6e6e6;
/*padding: 3px;*/
/*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}
.thumbnail{
/* Thumbnail Border Color */
/*border:none;*/
border:1px solid #999999;
}
.thumbnail:hover {
/* Thumbnail Border Color Hover */
/*border:groove;*/
border:1px solid #999999;
}
.tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
opacity: 0.95;
color:#000000;
}
.tooltip h3, .tooltip div {
margin: 0;
color:#000000;
width:300px;
/* font-family:arial;*/
font-family:"Verdana";
}
/* JQuery Tool Tip Effects */
.tooltip-red
{
background-color: #FCE5CE;
color: #F38F2A;
padding:10px 10px 10px 10px;
font-weight:bold;
z-index:100;
}
.tooltip-blue
{
background-color: #5555FF;
color: #FFFFFF;
font-size:13px;
font-family:verdana;
border:solid 2px #0000FF;
z-index:100;
}
.terms-fonts{
font: "Verdana", Arial, Helvetica, sans-serif;
font-style:normal;
/*color:#66CCFF;*/
color:#000000;
}
Last edited by phphunger on Tue Aug 03, 2010 2:25 am, edited 1 time in total.
Re: Problem with div for flash game site
can anyone please look into this..
Re: Problem with div for flash game site
If you want help you should probably only post the relevant code...sifting through all that is not worth it. And also please put it in [syntax] tags.