Jump to content

Recommended Posts

I worked that one out, however my css isn't working, can you please see what I'm doing wrong. 

* { 
margin: 0px; 
padding: 0px; 
}

header, section, aside, nav, article, hgroup { 
display: block; 
}

body { 
background-image: url('/wp-content/themes/wonderland_designs/background.png'); 
display:block; 
background-repeat: repeat-y, x; 
text-align:center; 
font-family: georgia; 
font-size: 13px; 
background-color: #e8d8e1; 
width: 1000px; 
height: 1200px; 
} 

table { 
font-family: american typewriter; 
font-size: 14px; 

}

#header_wrapper { 
width:1300px; 
margin:0px; 
text-align: justfiy; 
}

#header { 
width: 1300px; 
margin:0;  
}

#nav { 
width: 1300px; 
height: 200px; 
text-align: center; 
text-indent: 10px;
}

#nav a { 
font-family: american typewriter; 
font-size: 14px; 
letter-spacing: 5px; 
color: #fed3d3; 
}

#nav a:hover { 
color: white; 

}

#section { 
float: center; 
width: 650px; 
margin: 5px 2px 1px 5px
text-align:left; 
}

#section_top { 
background-image: url ('/wp-content/themes/wonderland_designs/images/section_top.png'); 
bacground-repeat: no repeat; 
width: 650px; 
height: 50px; 
font: georgia 15px
color: white; 
text-transform: capitalize;
text-align: center; 

}

#section_content { 
background-image: url ('/wp-content/themes/wonderland_designs/images/section_content.png'); 
background-repeat: repeat-y; 
padding: 15px; 
background-color: #; 

}

#section_bottom { 
background-image:url('/wp-content/themes/wonderland_designs/images/section_bottom.png); 
width: 651px; 
height: 15px; 
margin-bottom:10px; 

}
#aside { 
float: left; 
width: 250px; 
margin: 5px, 7px; 
text-align: left; 
}

#aside_content { 
background-image: url ("wp-content/themes/wonderland_designs/themes/images/aside_content.png"); 
background-repeat:repeat-y; 
padding: 5px, 5px, 0px, 5px; 
}

#aside_bottom { 

background-image: url('wp-content/themes/wonderland_designs/aside_bottom.png'); 
width:245px; 
height: 20px; 
margin-bottom: 5px; 
}

#footer{
	font: american typewriter; 
	clear:both;
	text-align:center;
	display:block;
	background-color: #fee4e4;
	width:100%;
	margin:0;
	padding-top:2px;
	color:#ffffff;
	text-transform:lowercase

}

#footer a {
	color:#ffffff;
	
}

#footer a:hover {
	color:#e0d3bb;
}


#posts_info {
	height:30px;
	text-align:center;
	text-transform:lowercase; 
	margin-top:10px;
}




	
h1 {
	font: 14px Georgia;
	letter-spacing:2px;
	text-transform:lowercase;
	text-align:jusify;
	margin-top:0px;
}

h2 {
	font:  9px Georgia;
	
	text-transform:uppercase;
	text-align:left;
	margin-top:0px;
}

#section_content img {
	border: 5px solid rgba(0,0,0,.05);
	margin:0px;
	-webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition:.4s ease-in-out;
	
}

#section_content img:hover {
	border: 5px solid #e53c2e;
}

#section_content img {
	border: 3px solid rgba(0,0,0,.05);
		-webkit-transition:.2s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  transition:.2s ease-in-out;
}

#aside_content img:hover {
	border: 3px solid #e53c2e;
}



blockquote {
	font-family:georgia;
	font-size:12px;
	line-height: 
	padding:10px;
	margin:0px 15px;
	border-left:5px solid white
	
	
}

input,textarea {
	color: black
	font-family:georgia;
	font-size:13px;
	line-height:
	background-color:rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.2);
}

input:hover {
	border: 1px solid rgba(0,0,0,.05);
}

textarea:hover {
	border: 1px solid rgba(0,0,0,.05);
}

ol { 
	padding: 7px 6px 0px 15px;
	margin:0px;
    list-style-type: decimal-leading-zero;
	font-weight:bold;
	
}

li {
	padding-bottom: 7px;
	font-weight:normal;
	font-weight: bold;
}


a:link, a:active, a:visited{
	color:black; 
	font-weight: normal;
	text-decoration:none;
}
a:hover{
	color:white; 
}

You had lots of typo's,bad,missing,incorrect css in that, pretty sure you saw a white page.

 

In the future can test it here.

https://jigsaw.w3.org/css-validator/#validate_by_input+with_options

 

fixed and passes:

* { 
margin: 0px; 
padding: 0px; 
}
 
header, section, aside, nav, article, hgroup { 
display: block; 
}
 
body { 
background-image: url("/wp-content/themes/wonderland_designs/background.png"); 
display:block; 
background-repeat: repeat; 
text-align:center; 
font-family: georgia; 
font-size: 13px; 
background-color: #e8d8e1; 
width: 1000px; 
height: 1200px; 
} 
 
table { 
font-family: american typewriter; 
font-size: 14px; 
 
}
 
#header_wrapper { 
width:1300px; 
margin:0px; 
text-align: justify; 
}
 
#header { 
width: 1300px; 
margin:0;  
}
 
#nav { 
width: 1300px; 
height: 200px; 
text-align: center; 
text-indent: 10px;
}
 
#nav a { 
font-family: american typewriter; 
font-size: 14px; 
letter-spacing: 5px; 
color: #fed3d3; 
}
 
#nav a:hover { 
color: white; 
 
}
 
#section { 
width: 650px; 
margin: 5px 2px 1px 5px;
text-align:left; 
}
 
#section_top { 
background-image: url("/wp-content/themes/wonderland_designs/images/section_top.png"); 
background-repeat: no-repeat; 
width: 650px; 
height: 50px; 
font-family: georgia;
font-size: 15px;
color: white; 
text-transform: capitalize;
text-align: center; 
 
}
 
#section_content { 
background-image: url("/wp-content/themes/wonderland_designs/images/section_content.png"); 
background-repeat: repeat-y; 
padding: 15px; 
background-color: white; 
 
}
 
#section_bottom { 
background-image:url("/wp-content/themes/wonderland_designs/images/section_bottom.png"); 
width: 651px; 
height: 15px; 
margin-bottom:10px; 
 
}
#aside { 
float: left; 
width: 250px; 
margin: 5px 7px; 
text-align: left; 
}
 
#aside_content { 
background-image:url("/wp-content/themes/wonderland_designs/themes/images/aside_content.png"); 
background-repeat:repeat-y; 
padding: 5px 5px 0px 5px; 
}
 
#aside_bottom { 
background-image: url("/wp-content/themes/wonderland_designs/aside_bottom.png"); 
width:245px; 
height: 20px; 
margin-bottom: 5px; 
}
 
#footer{
	font: american typewriter; 
	clear:both;
	text-align:center;
	display:block;
	background-color: #fee4e4;
	width:100%;
	margin:0;
	padding-top:2px;
	color:#ffffff;
	text-transform:lowercase;
 
}
 
#footer a {
	color:#ffffff;
	
}
 
#footer a:hover {
	color:#e0d3bb;
}
 
 
#posts_info {
	height:30px;
	text-align:center;
	text-transform:lowercase; 
	margin-top:10px;
}
 
 
 
 
	
h1 {
	font: 14px Georgia;
	letter-spacing:2px;
	text-transform:lowercase;
	text-align:justify;
	margin-top:0px;
}
 
h2 {
	font:  9px Georgia;
	
	text-transform:uppercase;
	text-align:left;
	margin-top:0px;
}
 
#section_content img {
	border: 5px solid rgba(0,0,0,.05);
	margin:0px;
	-webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition:.4s ease-in-out;
	
}
 
#section_content img:hover {
	border: 5px solid #e53c2e;
}
 
#section_content img {
  border: 3px solid rgba(0,0,0,.05);
  -webkit-transition:.2s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  transition:.2s ease-in-out;
}
 
#aside_content img:hover {
	border: 3px solid #e53c2e;
}
 
 
 
blockquote {
	font-family:georgia;
	font-size:12px;
	line-height:100%; 
	padding:10px;
	margin:0px 15px;
	border-left:5px solid white;
	
	
}
 
input,textarea {
	color: black;
	font-family:georgia;
	font-size:13px;
	line-height:100%;
	background-color:rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.2);
}
 
input:hover {
	border: 1px solid rgba(0,0,0,.05);
}
 
textarea:hover {
	border: 1px solid rgba(0,0,0,.05);
}
 
ol { 
	padding: 7px 6px 0px 15px;
	margin:0px;
    list-style-type: decimal-leading-zero;
	font-weight:bold;
	
}
 
li {
	padding-bottom: 7px;
	font-weight:normal;
	font-weight: bold;
}
 
 
a:link, a:active, a:visited{
	color:black; 
	font-weight: normal;
	text-decoration:none;
}
a:hover{
	color:white; 
}
Edited by QuickOldCar
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.