I was messing around with Google sites trying to find some kind of HTML code to work with and I am running into the wall. Basically I want to be able to enter the html code as well as the css style without using the inline style, so I did a little research and of course this can be done. Presumably all that is needed is to add an HTML gadget and enter the appropriate code, click "Save" and "shezam"! It should work. The problem is when I do this, it doesn’t work at all.
I looked through the following links for some recommendations, and it seems like I'm doing everything right:
The other strange part is that when I use the second example of links, it works fine, but when I delete part of the example script, it cannot get the result in style, like my code does. Here is a very simple example that I tried.
Global version
<style>
#tester {
padding: 100px;
height: 500px;
width: 500px;
border: 1px solid #0F0;
background-color: #ff0000;
}
</style>
<div id="tester">please work 0_0</div>
Embedded version
<div id="tester" style="padding: 100px; height: 500px; width: 500px; border: 1px solid #0F0; background-color: #ff0000;">please work 0_0</div>
All I get out is a sentence without formatting the div itself. If I changed it to use the inline style, it works fine, but then it really defeated the goal of the HTML box in the first place.
Any tips on what I'm doing wrong?
Edit: here is a JSFiddle with the test code above and what it should look like
Jsfiddle
, , , . , , . , , - ( ) " Google ".