simple CSS code / help...

**Bohannon** · 08-15-2012, 01:24 PM

Can anyone write me this code in <div> css to look like the picture ? I've been trying but it never comes out right.......

http://s8.postimage.org/wkcwq6xx1/adspots.jpg

**jscheuer1** · 08-15-2012, 02:24 PM

This really is too general and/or too specific, as I doubt you would ever want a page just like that.

That said:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
.floated {
	width: 950px;
	overflow: hidden;
	margin: -75px auto;
	position: relative;
	top: 50%;
}
.floated div {
	float: left;
	width: 184px;
	text-indent: 0.25em;
	margin: 10px;
	color: white;
	background-color: blue;
	padding: 0.25em 1em;
}
</style>
<!--[if IE]>
<style type="text/css">
.floated div {
	font-size: 98%;
}
</style>
<![endif]-->
</head>
<body>
<div class="floated">
  <div>just some text just some text just some text just some text just some text just some text</div>
  <div>just some text just some text just some text just some text just some text just some text</div>
  <div>just some text just some text just some text just some text just some text just some text</div>
  <div>just some text just some text just some text just some text just some text just some text</div>
</div>
</body>
</html>

Thread: simple CSS code / help...

Thread Tools

Search Thread

simple CSS code / help...

Bookmarks

Bookmarks

Posting Permissions