Show DevBest [PENGUIN] 3rd attempt at CSS [/PENGUIN]

Status
Not open for further replies.

Stallone

[◣_◢]
Feb 4, 2012
419
128
Hey guys this is my proper 3rd attempt at CSS3! So I wanted to know what you guys would think of this..



Sorry about the crap quality...
Rate out of 10 please!
 

Jian

Resident Weeb
Contributor
Sep 2, 2011
687
437
4/10. Much to be improved. The fonts doesn't match well. The navigation doesn't fit in well either. Especially the raquos. Perhaps seperating them with a "|".
 

Predict

Active Member
Jun 27, 2011
126
63
HTML:
<html>
<head>
<title></title>
<style type="text/css">
body {
background:grey url("path/to/background");
font:11px Verdana;
margin:0;
padding:0;
}
#content-container {
width:440px;
margin:25px auto;
padding:0 5px;
}
#content {
overflow:hidden;
}
#content-contaner #content a {
background:url("path/to/logo");
width: px;
height: px;
float:left;
}
#content-container #content .box {
background:#FFF;
margin:0 0 5px 0;
border:1px solid #CCC;
border-bottom-width:2px;
border-radius:4px;
}
#content-container #content .box .header {
background:red;
height:25px;
line-height:25px;
margin:4px;
text-indent:5px;
color:#FFF;
font-weight:bold;
border-radius:3px;
}
#content-container #content .box p {
margin:4px;
padding:0;
}
</style>
</head>
<body>
<div id="content-container">
<div id="content">
<a href="index.html"></a>
<div class="box">
<div class="header">
 
</div>
<p>
 
</p>
</div>
</div>
</div>
</body>
</html>

Just written that up, probably need a few minor edits, but that's the gist of it for your screenshot. You should ask yourself, does it look similar?
 

Livar

Now 35% cooler!
Oct 15, 2010
846
86
Hi, it seems your using most of my CSS code, but looks nice.
 

Stallone

[◣_◢]
Feb 4, 2012
419
128
HTML:
<html>
<head>
<title></title>
<style type="text/css">
body {
background:grey url("path/to/background");
font:11px Verdana;
margin:0;
padding:0;
}
#content-container {
width:440px;
margin:25px auto;
padding:0 5px;
}
#content {
overflow:hidden;
}
#content-contaner #content a {
background:url("path/to/logo");
width: px;
height: px;
float:left;
}
#content-container #content .box {
background:#FFF;
margin:0 0 5px 0;
border:1px solid #CCC;
border-bottom-width:2px;
border-radius:4px;
}
#content-container #content .box .header {
background:red;
height:25px;
line-height:25px;
margin:4px;
text-indent:5px;
color:#FFF;
font-weight:bold;
border-radius:3px;
}
#content-container #content .box p {
margin:4px;
padding:0;
}
</style>
</head>
<body>
<div id="content-container">
<div id="content">
<a href="index.html"></a>
<div class="box">
<div class="header">
 
</div>
<p>
 
</p>
</div>
</div>
</div>
</body>
</html>

Just written that up, probably need a few minor edits, but that's the gist of it for your screenshot. You should ask yourself, does it look similar?
Hi, it seems your using most of my CSS code, but looks nice.
Eh?.. I've neva ripped it if thats what your saying!
 
Status
Not open for further replies.

Users who are viewing this thread

Top