No css styling (3 posts)

  1. venkman
    Posted 6 years ago #

    Hi there,

    I've installed and edited wordpress files before but this one i'm building from scratch and the css rules don't seem to be getting applied.

    why would the blog information appear in the Themes area of the control panel OK .. but none of the styles seem to work?

    my header file looks like this:

    <!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">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title><?php bloginfo('name'); ?></title>
    <?php wp_head(); ?>
    <link href="style.css" rel="stylesheet" type="text/css" />

    and my css file looks like this:

    Theme Name: Floater
    Theme URI:
    Description: floated items!
    Author: xxxx
    Author URI:
    Version: 1
    Maybe this will be useful some day.
    /* //// x reset css /// */
    html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
    body {line-height: 1;}
    a img { border:0; padding:0; margin:0; }
    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
    blockquote:before, blockquote:after,
    q:before, q:after {content: '';content: none;}
    :focus {outline: 0;}
    ins {text-decoration: none;}
    del {text-decoration: line-through;}
    table {border-collapse: collapse;border-spacing: 0;}
    * {padding:0; margin:0}
    .clear { clear:both;  }
    /* //// x reset css /// */
    body	{ background-color:#000; }
    .container {}
    .block	{ float:left; background-color:#FF6699; margin:10px 0px 0px 10px; }
    .b1		{ width:471px; }
    .b2		{ width:231px; }
    .b3		{ width:171px; }


  2. DigitalMcGrath
    Posted 6 years ago #

    Change the reference to your CSS file to:

    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
  3. venkman
    Posted 6 years ago #

    ooooh thanks >.<

Topic Closed

This topic has been closed to new replies.

About this Topic