Newbie: Code is howing on my blog…

kaminipress · Member · Nov 10, 2007 at 12:42 pm

I probably have done something stupid, but the code I pasted in
(to get my header to be clickable) works but at the same time it shows
as text in my blog.
This is the code below, please if anyone can see the mistake?

body {
	font-size:62.5%;
	font-family:Verdana, Arial, Sans-Serif;
	background-color:#333;
	color:#B0B0B0;
	text-align:center;
	margin:0;
	padding:0 0 20px;
}

#page {
	background-color:#000;
	border:2px solid #B0B0B0;
	text-align:left;
	width:760px;
	margin:20px auto;
	padding:0;
}

#header {
	background-color:#000;
	height:200px;
	width:100%;
	margin:0 auto;
	padding:0;
}

#content {
	font-size:1.2em;
	overflow:hidden;
}

.widecolumn .entry p {
	font-size:1.05em;
}

.narrowcolumn .entry,.widecolumn .entry {
	line-height:1.4em;
}

.widecolumn {
	line-height:1.6em;
	width:450px;
	margin:5px 0 0 150px;
	padding:10px 0 20px;
}

.narrowcolumn .postmetadata {
	text-align:left;
	padding-top:5px;
}

.alt {
	background-color:#000;
	border-top:1px dashed #555;
	border-bottom:1px dashed #555;
	margin:0;
	padding:10px;
}

small {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:0.9em;
	line-height:1.5em;
}

strong {
	color:#B0B0B0;
}

h1 {
	font-family:Garamond, Serif;
	font-weight:bold;
	font-size:3.4em;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:12px;
	padding-top:40px;
	margin:0;
}

h2,h3 {
	font-family:Palatino Linotype, Serif;
}

.description {
	font-size:1.2em;
	letter-spacing:.6em;
	text-align:center;
}

h2 {
	font-size:1.7em;
	margin:30px 0 0;
}

h2.pagetitle {
	font-size:1.7em;
	border-top:1px dashed #555;
	margin:0;
	padding:30px 0 0;
}

#sidebar {
	border-top:1px dashed #555;
	border-bottom:1px dashed #555;
	font:1em Verdana, Arial, Sans-Serif;
	margin-left:545px;
	width:190px;
	padding:32px 0 10px;
}

#sidebar h2 {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:1.2em;
	margin:5px 0 0;
	padding:0;
}

h3 {
	font-size:1.7em;
	margin:30px 0 0;
	padding:0;
}

h1,h1 a,h1 a:hover,h1 a:visited,.description {
	text-decoration:none;
	color:#FFDE1F;
}

h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
	color:#FFDE1F;
}

h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {
	text-decoration:none;
}

.entry p a:visited {
	color:#FFDE1F;
}

.commentlist li,#commentform input,#commentform textarea {
	font:0.9em Verdana, Arial, Sans-Serif;
}

.commentlist li {
	font-weight:bold;
	list-style:none;
	margin:15px 0 3px;
	padding:5px 10px 3px;
}

.commentlist cite,.commentlist cite a {
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;
}

.commentlist p {
	font-weight:normal;
	line-height:1.5em;
	text-transform:none;
	margin:10px 5px 10px 0;
}

#commentform p {
	font-family:Verdana, Arial, Sans-Serif;
	margin:5px 0;
}

.commentmetadata {
	font-weight:normal;
	display:block;
	margin:0;
}

small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
	color:#666;
}

code {
	font:1.1em 'Courier New', Courier, Fixed;
}

acronym,abbr,span.caps {
	font-size:0.9em;
	letter-spacing:.07em;
	cursor:help;
}

a,h2 a:hover,h3 a:hover {
	color:#FFDE1F;
	text-decoration:none;
}

a:hover {
	color:#707070;
	text-decoration:underline;
}

#wp-calendar #prev a {
	font-size:9pt;
	padding-left:10px;
	text-align:left;
}

#wp-calendar a {
	text-decoration:none;
	display:block;
}

#wp-calendar caption {
	font:bold 1.3em Verdana, Arial, Sans-Serif;
	text-align:center;
	width:100%;
}

#wp-calendar th {
	font-style:normal;
	text-transform:capitalize;
}

.narrowcolumn {
	float:left;
	width:450px;
	margin:0;
	padding:0 0 20px 45px;
}

.pagepost {
	border-top:1px dashed #555;
	margin:0 0 40px;
}

.post {
	text-align:left;
	border-top:1px dashed #555;
	margin:0 0 40px;
}

.widecolumn .post {
	margin:0;
}

.widecolumn .postmetadata {
	margin:30px 0;
}

#footer {
	width:760px;
	clear:both;
	margin:0 auto;
	padding:50px 0 0;
}

#footer p {
	text-align:center;
	margin:0;
	padding:20px;
}

h3.comments {
	margin:40px auto 20px;
	padding:0;
}

html>body .entry ul {
	margin-left:0;
	list-style:none;
	text-indent:-10px;
	padding:0 0 0 10px;
}

html>body .entry li {
	margin:7px 0 8px 10px;
}

.entry ul li:before,#sidebar ul ul li:before {
	content:"0BB 020";
}

.entry ol {
	margin:0;
	padding:0 0 0 35px;
}

.entry ol li {
	margin:0;
	padding:0;
}

.postmetadata ul,.postmetadata li {
	display:inline;
	list-style-type:none;
	list-style-image:none;
}

#sidebar ul,#sidebar ul ol {
	margin:0;
	padding:0;
}

#sidebar ul li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:15px;
}

#sidebar ul p,#sidebar ul select {
	margin:5px 0 8px;
}

#sidebar ul ul,#sidebar ul ol {
	margin:5px 0 0 10px;
}

#sidebar ul ul ul,#sidebar ul ol {
	margin:0 0 0 10px;
}

ol li,#sidebar ul ol li {
	list-style:decimal outside;
}

#sidebar ul ul li,#sidebar ul ol li {
	margin:3px 0 0;
	padding:0;
}

#searchform {
	text-align:center;
	margin:10px auto;
	padding:5px 3px;
}

#sidebar input {
	background-color:#333333;
	color:#B0B0B0;
	padding:1px;
}

#sidebar #searchform #s {
	width:100px;
	background-color:#333333;
	color:#B0B0B0;
	padding:2px;
}

.entry form {
	text-align:center;
}

select {
	width:130px;
}

#commentform input {
	width:170px;
	color:#B0B0B0;
	background-color:#333333;
	border:1px ridge #ccc;
	margin:5px 5px 1px 0;
	padding:2px;
}

#commentform textarea {
	width:448px;
	background-color:#333333;
	border:1px ridge #ccc;
	color:#B0B0B0;
}

#commentform #submit {
	float:right;
	border:1px ridge #ccc;
	margin:0;
}

input,textarea {
	color:#b0b0b0;
	background-color:#333333;
	border:1px ridge #ccc;
}

.commentlist {
	text-align:left;
	padding:0;
}

.nocomments {
	text-align:center;
	margin:0;
	padding:0;
}

#sidebar form {
	margin:0;
}

#wp-calendar {
	empty-cells:show;
	width:155px;
	margin:10px auto 0;
}

#wp-calendar #next a {
	padding-right:10px;
	text-align:right;
}

#wp-calendar td {
	text-align:center;
	padding:3px 0;
}

#wp-calendar td.pad:hover {
	background-color:#000;
}

acronym,abbr {
	border-bottom:1px dashed #999;
}

blockquote {
	padding-left:20px;
	border-left:1px solid #333;
	margin:15px 30px 0 10px;
}

blockquote cite {
	display:block;
	margin:5px 0 0;
}

hr {
	display:none;
}

.center {
	text-align:center;
}

a img {
	border:none;
}

.navigation {
	display:block;
	text-align:center;
	margin-top:10px;
	margin-bottom:60px;
}

.alignleft {
	text-align:left;
	float:left;
}

.alignright {
	text-align:right;
	float:right;
}

.entry img,.entrytext img {
	margin:7px;
}

#flickr_badge_wrapper {
	background-color:#000 !important;
}

#flickr_badge_wrapper a {
	color:#35FF23 !important;
}

div.comment-avatar {
	display:inline;
}

#text-1 {
	background:none;
}

#text-1 h3,#text-1 h3.widgettitle {
	display:none;
}

#text-1 a {
	position:absolute;
	top:0;
	left:110px;
	width:780px;
	height:180px;
	display:block;
}

#text-1 a span {
	display:none;
}

kaminipress · Member · Nov 10, 2007 at 12:47 pm
Copy link
Showning on my blog…that’s what I wanted to say. :-)
devblog · Member · Nov 10, 2007 at 6:22 pm
Copy link
You don’t need to post your whole CSS code here. I’d like to suggest that, next time, you create a temp post with the code in it and provide us a link to it.

if this is exactly the code you have, I bet the very last id selector definition is causing the problem:
```
#text-1 a span {
	display:none;
```
You forgot to put a closing curly bracket. The definition should read like this:
```
#text-1 a span {
	display:none;
}
```
Try that, HTH
trent · Member · Nov 10, 2007 at 6:32 pm
Copy link
For sure….don’t post the entire code in a post. That is just not right to do for us trying to help you out!

Trent
kaminipress · Member · Nov 10, 2007 at 6:37 pm
Copy link
Hi!
Thanks for reply – the bracket was there, got lost in the copying, sorry.
“temp post”, how do I do that?
Best wishes
kaminipress · Member · Nov 10, 2007 at 7:16 pm
Copy link
I apologize if I did something that was not correct, I just didn’t know how to do it otherwise. I searched the FAQ and sticky again and I can’t find out how to attach a file – or a “temp post”. Are there some rules somewhere and tips how to post and do things like this?
Thanks
trent · Member · Nov 10, 2007 at 7:24 pm
Copy link
Not a problem, just that most people just post in the code that they think they need to change and not everything. Simple problem and nothing to worry about! Did devblog fix your problem? As well, the temp deals are just a couple of websites that allow you to paste in some code and they give you the URL to give to others. I can’t think of any URL’s right now, but I am sure someone else will chime in and tell us all!

Trent
devblog · Member · Nov 10, 2007 at 10:59 pm
Copy link
Regarding the temp post, I was thinking something like you writing a post on your blog, like a regular one, but you would delete it later.

Please, give me a couple of days (I hope this is not that urgent for you) and I will look into it. I’d do it today, but I am quiet busy with a project I’m working on. Besides, my router is acting up and I’ve been having problems connecting to the internet.

Thanks.
timethief · Member · Nov 10, 2007 at 11:16 pm
Copy link
http://kaminipress.wordpress.com/
As you are new to wordpress I think it’s important to mention that although you can have a single link to your business on your About page or in your sidebar, you cannot conduct business on a wordpress.com blog and you cannot advertise on it, and you cannot use your wordpress.com blog to drive traffic to 3rd party sites. In all cases where further clarification is required you must contact staff.
http://faq.wordpress.com/2005/12/08/adsense/
Section 2, 5th bullet http://wordpress.com/tos/

Support hours are weekdays 9-5 PM Pacific time and here’s the support link http://wordpress.com/contact-support/
kaminipress · Member · Nov 10, 2007 at 11:18 pm
Copy link
devblog,
thanks – i just saw the problem. i had actually posted the code, not only in the code field but also in the post…
well, you learn by your mistakes….i did a few here but now i am up and running.
thanks for the help here!
i will probably be back with other stuff (beware!)
THANKS