HTML <style> help

aidenrelkoff · September 30, 2014

near the top of the html code, i have a section that says:

body {

background-color:green;

margin-left: 20%;

margin-right: 20%;

border: 2px dotted black;

padding: 10px 10px 10px 10px;

font-family: sans-serif;

}

</style>

So what i need help with is that i want the inside of the dotted area (with the text) to be just white, and outside the area green (maybe not that green though, haven't decided.)

GPU.html

Hazy125 · September 30, 2014

This is a little difficult because you you don't really have the right tags in the right spots, but luckily web browsers can sort of guess what you want. Expect serious compatibility issues on older browsers though.

To do what you want you will have to add a wrapper, or a container to the inside of the dotted area. You can then use that to set the background colour of the inside section. So, put something like:

<div id="contentWrapper>

as the opening div tag. Put this right above the first table tag you have. Then add the closing div tag right above the closing body tag. I collapsed the code down, but you can see where to put it in this picture

Then, up in your CSS you'll want to add

#contentWrapper{background-color: #FFF;}

And there you go, you now have a white background on your content. However, I'm not sure this is exactly want you want. If you use that exact solution you're left with some green space between the border and the and white content. To fix this, remove "padding: 10px 10px 10px 10px;" from your body{} styling and put it into the contentWrapper{} styling

Uh, if you need more help, PM me or something

JamieF · September 30, 2014

-snip

You need another div which can apply as "another layer", so to speak. Another div can also be used, I call it a container, to center everything on the web page. This will make the content going all over the place when you zoom in and out. Ive called this content. The other div is where the actual content will be placed. I've called this div "stuff".

Edit: the forum doesnt like the code to adjust the margins apparently so heres a pic

The container goes before anything else after the style close tag. The stuff div goes inside of this so it is centered.

</style><div id="content" style="position: absolute;"><div id="stuff" style="position: absolute;" height:100%">>

At the end of the code before the body tag closes close off the divs. If you have multiple ones you can close them off whenever you have finished with that div, it doesn't ave to be at the end.

</div></div></body></html>

Here's the full code:

<!DOCTYPE html><html><title>Aiden's GPU OverClocking Guide</title><link rel="shortcut icon" href="http://i1348.photobucket.com/albums/p734/aidenrelkoff/DayBreakLogo_zpsaa26fe39.jpg"><style type "text/css>body {background-color:green;font-family: sans-serif;}#content    {;top: 0px;left: 50%;width: 250px;height: 100vh;visibility: visible}#stuff{background-color: #ffffff;;top: 0%;left: 50%;width: 800px;border: 2px dotted black;visibility: visibleoverflow: hidden;}</style><div id="content" style="position: absolute;"><div id="stuff" style="position: absolute;" height:100%">><table><TABLE BORDER="0" cellpadding="0" CELLSPACING="0"><TR><TD BACKGROUND="H:\HTML\pics\watercooling header.png" VALIGN="bottom"><FONT SIZE="+8" COLOR="#FF6600"><center><h1>Aiden's GPU OverClocking Guide</h1></center></FONT></TD></TR></TABLE><center><br><article><body><font color="Red"><font size=5><h1>OverView</h1></font><font color="Blue"><h3>what is a GPU?</h3></font><p></font>A GPU is the "Graphics processing Unit" or also known as a GPU. Its Computer component that renders the computer  <br>images into a signal that the computer monitor can read. Whether that be an analogue signal or a digital one.</p><br><font color="Blue"><h3>What is OverClocking and why should you do it?</h3></font><p>Over clocking basically makes the gpu run faster, this is good because in games it can make it look better, <br>run faster, or not have to work so hard to get the same result.</p><br><font color="#52cc29"><font size=5><h1>The nVidia GTX 650 Ti boost</h1></font><br></font><a href="http://www.geforce.com/hardware/desktop-gpus/geforce-gtx-650ti-boost"><img src="http://techreport.com/r.x/gtx-650-ti-boost/lead.jpg"width="720"></a><br><br><p>I chose the GTX 650ti-boost because I have one available to me to experiment on and because it is a last generation<br>card and if it dies shortly after it wont matter too much as I will be getting a GTX 970.<br><br>Here are some specs from the GTX 650ti-boost.<br></p><h3>GPU engine specs</h3><table style="width:40%"><TABLE BORDER="1" cellpadding="5" CELLSPACING="0">  <tr>    <td>CUDA Cores</td>    <td>768</td>  </tr>  <tr>    <td>Base Clock</td>    <td>980MHz</td>  </tr>  <tr>    <td>Boost Clock speed</td>    <td>1033MHZ</td>  </tr>  <tr>    <td>Texture Fill Rate</td>    <td>62.7(billion/sec)</td>  </tr></table><h3>Memory specs</h3><table style="width:40%"><TABLE BORDER="1" cellpadding="5" CELLSPACING="0">  <tr>    <td>Memory Clock</td>    <td>6.0Gbps</td>  </tr>  <tr>    <td>Interface</td>    <td>GDDR5</td>  </tr>  <tr>    <td>Interface width</td>    <td>192-bit</td>  </tr></table><h3>Features</h3><table style="width:40%"><TABLE BORDER="1" cellpadding="5" CELLSPACING="0">  <tr>    <td>Technologies</td>    <td>GPU Boost, PhysX, TXAA, NVIDIA G-SYNC-ready</td>  </tr>  <tr>    <td>Other</td>    <td>3D Vision, CUDA, DirectX 11, Adaptive VSync, <br>FXAA, 3D Vision Surround, SLI</td>  </tr>  <tr>    <td>Open GL</td>    <td>4.3</td>  </tr>  <tr>    <td>Bus Support</td>    <td>PCI-e 16x</td>  </tr></table><h3>Thermals</h3><table style="width:40%"><TABLE BORDER="1" cellpadding="5" CELLSPACING="0">  <tr>    <td>Max Tempature</td>    <td>97 C</td>  </tr>  <tr>    <td>Max Wattage</td>    <td>134Watt</td>  </tr>  <tr>    <td>Power Connectors</td>    <td>One 6-pin power</td>  </tr></table><br><br><font color="#0000FF"><font size=5><h1>System Specs</h1></font><br></font><table style="width:57%"><TABLE BORDER="1" cellpadding="5" CELLSPACING="0">  <tr>    <td>CPU</td>    <td>AMD FX-4130 Quad Core Overclocked to 4.2GHz</td>  </tr>  <tr>    <td>MotherBoard</td>    <td>Gigabyte 78-LMT-USB3</td>  </tr>  <tr>    <td>Memory</td>    <td>Corsair Veageance 8gb(2x4gb)</td>  </tr>  <tr>    <td>Power Supply</td>    <td>Thermaltake TR2 500 Watt</td>  </tr></table><br><br><font color="blue"><font size=5><h1>OverClocking the Card</h1></font></font><p>The OverClocking Program that we will be using is EVGA PrecisionX version 16.<br>You can download the program from there official site <a href="http://www.evga.com/precision/">here</a>.</p><br><br><p><font color="red"><font size=5><h1>REMEMBER: OVERCLOCKING IS NEVER RECCOMENDED, <br>IT CAN DO IRREVERSIBLE DAMAGE TO YOUR GRAPHICS CARD!!!</H1></FONT></font><br>OverClocking the Card is relativity easy with all the new software that we have access to. A GPU manufacturer will usually <br>say what the recommended Program is for there cards. When it comes to EVGA (the most trusted nVidia GPU manufacturer) they <br>made their own program, thus EVGA PresionX. I Started to slowly Ramp up the Core Clock speed (just like a cpu, a gpu has a core speed)<br>and the power limit. Now, if your card cannot dissipate the heat fast enough then stuff can go bad... Luckily at stock speeds the card<br>never went above 73* under extreme load. At around the temperature of 90* the card will start to "throttle". What this means is that<br>it will slow it self down in order to make it self colder.</p><br><br><font color="blue"><font size=5><h1>GPU OverClocking PreSets</h1></font></font><br>OverClocking was really easy on this card. Most cards have limits to that people dont fry there GPUs, although you can BIOS hack them <br> and run that at like 4 times the amount of power there supposed to get, and as long as you keep them cold they are usually just fine.<br>So this card made it easy, i just ended up maxing out the power limit and then adding +150MHz to the gpu core. Before applying the settings<br>I checked out the fan curve to make sure it was working smoothly. I made the fan run at 30% from 0-40*C (30% is the minimum that the card will <br>go without BIOS hacking it) and then after 40* i made it run in a smoother climb. The end result was a card that was running about 15-20% faster<br>and stronger with a max temperature of 66* running the same test as before. Now in my case it was actually COLDER then the stock speeds. This<br>is because the fan curve was so bad on the stock speed it was making it run hotter then needed...<br><br><br><a href="http://www.youtube.com/DayBreakSociety"><small>©DayBreakSociety-2014</small></a></article></center></div></div></body></html>

!