background-color:#xxx;
Yes, the easiest way to do this is to change the z-index of the div so it is generated on a different layer. An example you could do is below: <div style='position:absolute;z-index:-1;'> This will be behind the main div </div> <div> This is the main div </div>
<div style="overflow:auto; background-color:transparent; width:337px; height:240px; border:none;"> content here </div>
You can counter the styles declared for the general element type. For example, if the earlier CSS declared "background-color: #FF0000;" for all "div" elements, but you want a specific "div" tag to have a different background color, you can add "background-color: #00FF00;" as a declaration to that specific "div" tag. A live example: ---- div { background-color: #FF0000; } This division will be green, not red! ----
<style> table tr td div font {display: none;} </style> <style> table td div {visibility:hidden;} table table td div {visibility:visible;} tr {background:transparent;}</style> <style> table tr td div div { visibility:hidden; display:none; border:0px!important; background-color:transparent; } </style>
== <table style== "width: 320px; border: 1px solid gray; font: normal 12px sans-serif; background-color: white;"><tr><td colspan="2" style="background: white; color: black; padding: 5px;"><b style="font: bold 20px serif; display: block; margin-bottom: 8px;">What does your name mean?</b> <div style="font-size: 16px; margin-bottom: 4px;">Your Result: <b>LOYALTY</b></div><div style="width: 200px; backgroundTOOTHBRUSHES HELP OUR TEETH 1px solid black;"><div style="width: 74%; background: red; font-size: 8px; line-height: 8px;">&nbsp;</div></div><p style="margin: 10px; border: none; background: white; color: black;">You have mostly loyalty in your life. Others trust you because you always tell the truth. Loyalty is one of the best things in life and you got it. Wether living up to a promise or tring to help someone not live it down, your turthful hart is always happy.</p></td></tr><tr><td style="color: black; background: white; padding: 3px;">JOY</td><td style="background: white; padding: 3px;"><div style="width: 100px; background: white; border: 1px solid black; margin-top: 4px;"><div style="width: 49%; background: red; font-size: 8px; line-height: 8px;">&nbsp;</div></div></td></tr><tr><td style="color: black; background: white; padding: 3px;">Independence</td><td style="background: white; padding: 3px;"><div style="width: 100px; background: white; border: 1px solid black; margin-top: 4px;"><div style="width: 12%; background: red; font-size: 8px; line-height: 8px;">&nbsp;</div></div></td></tr><tr><td colspan="2" style="text-align: center; padding: 8px;"><a href="http://www.gotoquiz.com/what_does_your_name_mean_3"><b>What does your name mean?</b></a><br><a href="http://www.gotoquiz.com/">Quiz Created on GoToQuiz</a></td></tr></table> ==
Yo can set the background image by setting the style element. To put it in a panel, wrap it inside a DIV tag.
Use some HTML and put your text between <div> </div> My text bellow will appear in a yellow box 1 px by 10 px. You do not have to set the dimensions but I find it better to do so <div style="background-color:yellow;border:1px solid black;padding:10px;"> <p> Remember that HTML background code is limited and does not work on all browsers. But on the other hand, CSS background code is much better and can be viewed on most browsers! </p> </div> or you can use <i><b>YELLOW</b></i> will give you italics and bold
table tr td div font {display: none;}table td div {visibility:hidden;}table table td div {visibility:visible;}tr {background:transparent;}table tr td div div {visibility:hidden;display:none;border:0px!important;background-color:transparent;}
It's not that hard. If this is what you mean: <div> <div> <h1>Some content</h1> </div> </div>
You'll have to know coding. Here's just a really simple one.. <font color=white> <style>div#current,body,div#content,div#bodyi,div#holder,div#layoutuinfo,div#cattery_infobox,div#cattery_descbox,div#titletxt,div.listheader,div#fv invisible,div,tr,td{background:transparent}</style> <style>body {background:url("http://fc09.deviantart.net/fs16/i/2007/212/1/d/Swirls_and_Seeds_by_melemel.jpg"); background-color: COLOR;} </style> <center><span class="tip" tip=" Made by Ivy (#33334) " class="trans"><img src="http://t3.gstatic.com/images?q=tbn:ANd9GcRgfeBMkB0GwTt3vrmFKGSLIxGM_v11VvjFiQ5nXnK5vpwBRfok" width="12" height="12" class="trans"></span></center> <center>- - -</center> <center><div style="width: 400px; height: 70px; overflow: auto; border: 1px dotted black; background: black;"><center><b>Title!</center></b> <center>Text!</center></div> <center>- - -</center> <div style="width: 200px; height: 15px; overflow: auto; border: 2px solid white; background: black;"> <center><i>Layout by Ivy (#33334)</div> If you'd like to learn more about coding, message me... My mweor ID is: 124675
It is not clear if you want multiple "panes" or you want it to "rotate." To switch backgrounds, you will have to use JavaScript. To do multiple panes, try "background-image:url(mage1.jpg); background-repeat:none;" and then add on.
May be this example will help. Please focus on where ob_implicit_flush(true) and ob_end_flush(); are placed in your code. Version 1:-------------------------------- <?PHP ob_implicit_flush(true); ob_end_flush(); ?> e <div>a<div>a</div> <?PHP sleep(1); ?> <div>b</div> <?PHP sleep(1); ?> c</div> Version 2:------------------------------ <?PHP ob_implicit_flush(true); ob_end_flush(); ?> e<div>a<div>a</div></div> <?PHP sleep(1); ?> <div>b</div> <?PHP sleep(1); ?> c</div> Version 3:------------------------------ <?PHP ob_implicit_flush(true); ob_end_flush(); ?> e<div>a<div>a</div><!--</div>--> <?PHP sleep(1); ?> <div>b</div> <?PHP sleep(1); ?> c</div> ?>