html5 preview with css in head section failing?

11 years ago in iPad • updated by 11 years ago • 4

The preview for this file on my iPad is completely blank?

Vote

Replies 4
Oldest first
- Newest first
- Oldest first

I would need to have a look at the HTML and CSS files to see what's wrong.

Hmmm - iPad screenshot failed to upload via Safari, so here's the code:

<!DOCTYPE html>
<html>
	<head>
	<title>flexyboxes</title>
	<style>
	body { margin:0; padding:0; color:#666; }
	#boxes div { width:20%; display:inline-block; background:#eee; min-height:5em; text-align:center; }
	</script>
</head>

<body>

<h1>boxy boxes</h1>

<div id="boxes">
	<div>
		<h2>boxy one</h2>
		<p>some text</p>
	</div>
	<div>
		<h2>boxy two</h2>
		<p>more text</p>
	</div>
	<div>
		<h2>boxy three</h2>
		<p>another bit</p>
	</div>
	<div>
		<h2>boxy four</h2>
		<p>and another</p>
	</div>
	<div>
		<h2>boxy five</h2>
		<p>even more</p>
	</div>
</div>

</body>
</html>

11 years ago

I'm an idiot: NOT/script but /style Apologies. Textastic still is totally Textastic.

11 years ago

It's great to hear that it works now :)

Customer support service by UserEcho