Gotcha: Chrome IFrames Don’t Render

While creating a website that needed an IFrame, I ran into a peculiar problem: my IFrame rendered in all the browsers except Google Chrome. But in Chrome, my Iframe doesn’t show up at all.

My code looked like this:

<html>
<head>
</head>
<body>
  <center>Stuff</center>
</body>
</html>

The solution is simple, just flesh out your page a little more, making sure to declare the doctype and title tags, like this :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<title>My Stuff</title>
</head>
<body>
  <center>Stuff</center>
</body>
</html>
Advertisements

HTML Lists : Lettered, Roman Numeral, …

Your HTML list doesn’t have to have an ugly bullet. They can be lettered (A, B, C) or numbered (1, 2, 3) instead. Additionally, you can set the starting list index (the starting number).

<ul> : Standard unordered, bulleted list
<ol> : An ordered list ( • , •, • , … )
<ol type=”1″> : Numbered, ordered list. (Default) ( 1, 2, 3, … )
<ol type=”A”> : Ordered List via capital letters ( A, B, C, … )
<ol type=”a”> : Lower-case letters ( a, b, c, … )
<ol type=”I”> : Capital roman numerals ( I, II, III, … )
<ol type=”i”> : Lower case roman numerals ( A, B, C, … )
<ol type=”1″ start=”21″ > : Starts list at 21 ( 21, 22, 23, … )
<ol type=”A” style=”font-weight: bold;”> :  Bold letters ( A, B, C, … )
<ul style = “list-style-image: url(http://bit.ly/dcH4Ea)”> Change your bullets inline ( , , , … )