Stylesheet not working

(@datadoc74)

I am attempting my first custom wordpress site and I cannot get the stylesheet to render. It appears I have everything coded correctly. Can anyone help me. The background appears all black. Here is my header code

[ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<?php
/**
 * The Header for LaniceDaBeast theme.
 *
 * Displays all of the <head> section and everything up till <div class="NavEmpty-Left"></div>
 *
 * @package Custom_WordPress
 * @subpackage LaniceDaBeast
 * @since Mar'z_Muzick Said So! 1.0
 */
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title><?php wp_title ( '|', true,'right' ); ?></title>

<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head()?>
</head>
<body  style="background:#000000; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">

<!-- Save for Web Slices (01_main.psd) -->

     <!--header-->
    <div id="header">

        <div id="Header-Logo">
     <h1><a>"><?php bloginfo('name'); ?></a></h1>
     <div class="description"><?php bloginfo('name'); ?></div>
     </div>
        <!--header-left-->
        <div class="Header-Left"></div>
        <!--header-right-->
        <div class="Header-Right"></div>
        <!--header margins end-->       

          <!--nav-wrapper-->
        <div id="nav-wrapper"> 

        <div class="NavEmpty-Left"></div>

        <div class="NavEmpty-Right"></div>

        <!--search<div id="searchform"></div><!--search-end  CHECK FOR A STYLE IN STYLESHEETS-->     

        <!--page-navigation wrapper SET POSITION WITH CSS-->
        <ul id="nav-bar">              

           <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>

        <!--page-navigation wrapper end-->

               </div><!--nav-wrapper end-->

     </div><!--header-end-->

        <!--THIS ENABLES CUSTOM MENUS-->
         <?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'menu_class' => 'nav', 'theme_location' => 'primary-menu' ) ); ?>

<!--wrapper-->
<div id="wrapper">

//////////////////////////////////////Here is my stylesheet code:

/*
Theme Name: LaniceDaBeast
Theme URI: http://www.lanicelondon.com
Description: Custom WordPress Theme for Lanice London
Version: 1.0
Author: Lamar "Mar'z Muzick" Collins aka Mar'z Muzick Said So!
Author URI: http://www.fhstudio610.com
Email: webdeveloper@fhstudio610.com

<!-- Save for Web Styles (01_main.psd) -->
<style type="text/css">
<!--
*/
#wrapper {

	position:absolute;
	left:0px;
	top:0px;
	width:1920px;
	height:1436px;
	background-color:#000000;
}

#header{

    position:absolute;
	left:0px;
	top:0px;
	width:1920px;
	height:180px;
}

.Header-Left {

	position:absolute;
	left:0px;
	top:0px;
	width:691px;
	height:180px;
	background-image:url(images/Header_Left);
}

.Header-Logo {

	position:absolute;
	left:691px;
	top:0px;
	width:565px;
	height:180px;
	background:url(images/Header_Logo);
}

.Header-Right {

	position:absolute;
	left:1256px;
	top:0px;
	width:664px;
	height:180px;
	background-image:url(images/Header_Right);
}

#nav-wrapper{
position:absolute;
	left:0px;
	top:180px;
	width:1920px;
	height:76px;
}

.NavEmpty-Left {

	position:absolute;
	left:0px;
	top:180px;
	width:505px;
	height:76px;
	background-image:url(images/NavEmpty_Left);
}

.NavEmpty-Right {

	position:absolute;
	left:1428px;
	top:180px;
	width:492px;
	height:76px;
	background-image:url(images/NavEmpty_Right);
}

.Nav-Main {

	position:absolute;
	left:505px;
	top:180px;
	width:129px;
	height:76px;

}

.Nav-Artist {
	position:absolute;
	left:634px;
	top:180px;
	width:129px;
	height:76px;
}

.Nav-Audio {
	position:absolute;
	left:763px;
	top:180px;
	width:137px;
	height:76px;
}

.Nav-Video {
	position:absolute;
	left:900px;
	top:180px;
	width:133px;
	height:76px;
}

.Nav-Gallery {
	position:absolute;
	left:1033px;
	top:180px;
	width:133px;
	height:76px;
}

.Nav-Press {
	position:absolute;
	left:1166px;
	top:180px;
	width:131px;
	height:76px;
}

.Nav-Contacts {
	position:absolute;
	left:1297px;
	top:180px;
	width:131px;
	height:76px;
}

#UpperContent {
	position:absolute;
	left:0px;
	top:256px;
	width:1920px;
	height:523px;
	background-image:url(images/UpperContent);
}

#LowerContent {
	position:absolute;
	left:0px;
	top:779px;
	width:1920px;
	height:547px;
	background-image:url(images/LowerContent);
}

#footer{
	position:absolute;
	left:0px;
	top:1326px;
	width:1920px;
	height:110px;

}

.Footer-Left {
	position:absolute;
	left:0px;
	top:1326px;
	width:749px;
	height:110px;
	background-image:url(images/Footer_Left);
}

.Footer-License {
	position:absolute;
	left:749px;
	top:1326px;
	width:163px;
	height:110px;
	background-image:url(images/Footer_License);
}

.Footer-Privacy {
	position:absolute;
	left:912px;
	top:1326px;
	width:116px;
	height:110px;
	background-image:url(images/Footer_Privacy);
}

.Footer-Designer {
	position:absolute;
	left:1028px;
	top:1326px;
	width:76px;
	height:110px;
	background-image:url(images/Footer_Designer);
}

.Footer-Right {
	position:absolute;
	left:1104px;
	top:1326px;
	width:816px;
	height:110px;
	background-image:url(images/Footer_Right);
}

.footer-text{
	position:absolute;
	left:0px;
	top:1326px;
	width:0px;
	height:0px;

}
-->
</style>
<!-- End Save for Web Styles -->

Viewing 7 replies - 1 through 7 (of 7 total)

WPyogi
(@wpyogi)

13 years ago

Can’t tell anything without seeing the site. Do you have this problem with the default (twentytwelve) theme?

Thread Starter datadoc74
(@datadoc74)

13 years ago

I’m also getting this wierd error at the top of the dashboard.

Warning: Cannot modify header information – headers already sent by (output started at /home/datadoc/public_html/testsite/wp-content/themes/lanicedabeast/functions.php:3) in /home/datadoc/public_html/testsite/wp-includes/pluggable.php on line 876

Thread Starter datadoc74
(@datadoc74)

13 years ago

No here is the site link: http://fhstudio610.com/testsite/

WPyogi
(@wpyogi)

13 years ago

That’s a problem with the theme – where did you download it from?

This may help:

http://codex.wordpress.org/FAQ_Troubleshooting#How_do_I_solve_the_Headers_already_sent_warning_problem.3F

WPyogi
(@wpyogi)

13 years ago

Check on the errors:

http://validator.w3.org/check?uri=http%3A%2F%2Ffhstudio610.com%2Ftestsite%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

See: http://codex.wordpress.org/Validating_a_Website

Looks like there are major problems in the header.php file.

Where did you get the theme?

Thread Starter datadoc74
(@datadoc74)

13 years ago

I made it all from scratch.

WPyogi
(@wpyogi)

13 years ago

You’ll have to start going through the errors to start with – make sure your CSS is valid as well.

Also, please see this re: posting code here – you need to use a pastebin for whole files and always use the code buttons if code is pasted here.

http://codex.wordpress.org/Forum_Welcome#Posting_Code

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Stylesheet not working’ is closed to new replies.

Stylesheet not working

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics