By felxo on

hi there guys i made an simple html page with css that i am trying to make an drupal theme the simple page should look somthing like this

i am working with drupal 6

http://img205.imageshack.us/img205/8250/screenshot20091124at001.png

but for some reaon when i try to make it into an drupal theme it all messed up here is the code before for my page.tbl.php file

<!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">
<head>
 <?php print $head ?>
    <title><?php print $head_title ?></title>
    <?php print $styles ?>
    <?php print $scripts ?>
</head>
<body>
<div id="headbox"><span class="heading_text">reshers</span></div>
<div id="main">
<div id="header">if ($logo) {
              print '<img src="'. check_url($logo) .'" alt="'. $site_title .'" id="logo" />';
            }</div>
<div id="menu">
   <?php
          // Prepare header
          $site_fields = array();
          if ($site_name) {
            $site_fields[] = check_plain($site_name);
          }
          if ($site_slogan) {
            $site_fields[] = check_plain($site_slogan);
          }
          $site_title = implode(' ', $site_fields);
          if ($site_fields) {
            $site_fields[0] = '<span>'. $site_fields[0] .'</span>';
          }
          $site_html = implode(' ', $site_fields);

          if ($logo || $site_title) {
            print '<h1><a href="'. check_url($front_page) .'" title="'. $site_title .'">';
            
            print $site_html .'</a></h1>';
          }
        ?>
        </div>

        <?php if (isset($primary_links)) : ?>
          <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?>
        <?php endif; ?>
        <?php if (isset($secondary_links)) : ?>
          <?php print theme('links', $secondary_links, array('class' => 'links secondary-links')) ?>
        <?php endif; ?>

      </div> <!-- /header -->
</div>
<div id="right_col"> 
          <?php if ($search_box): ?><div class="block block-theme"><?php print $search_box ?></div><?php endif; ?>
          <?php print $left ?>
        </div>
      
<div id="mainbox">
          <?php print $breadcrumb; ?>
          <?php if ($mission): print '<div id="mission">'. $mission .'</div>'; endif; ?>
          <?php if ($tabs): print '<div id="tabs-wrapper" class="clear-block">'; endif; ?>
          <?php if ($title): print '<h2'. ($tabs ? ' class="with-tabs"' : '') .'>'. $title .'</h2>'; endif; ?>
          <?php if ($tabs): print '<ul class="tabs primary">'. $tabs .'</ul></div>'; endif; ?>
          <?php if ($tabs2): print '<ul class="tabs secondary">'. $tabs2 .'</ul>'; endif; ?>
          <?php if ($show_messages && $messages): print $messages; endif; ?>
          <?php print $help; ?>
          <div class="clear-block">
            <?php print $content ?>
          </div>
 </div>
 <div id="comment_text">
   <p>comment</p>
 </div>
 <center><img src="images/300x250_img.jpg" width="300" height="250" /></center></div>
</div>
</body>
</html>

and here is the css that i have made for the simple hmtl page show in the screen shot

@charset "UTF-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
background-color:#CF9;
font-family:Arial, Helvetica, sans-serif;
}
#main{
width:920px;
height:auto;
margin: 20px auto;

}
.heading_text{
font-size:96px;
margin:0px;
margin-left:0px;
margin-right:0px;
margin-top:-100px;
margin-bottom:60px;

}

#headbox {
position:absolute;
left:399px;
top:57px;
width:312px;
height:68px;
z-index:1;
}
A:link {
text-decoration: none;
color:#FFF;

}

A:visited {
text-decoration: none;
color:#FFF;

}

#header{
width:920px;
height:150px;
background-color:#FFC;

}
#header img{
margin:10px;
margin-left:10px;
margin-top:10px;
}

#mainbox{
text-align:left;
align:center;
height:500;
width:670px;
background-color:#FFC;
font-family:Arial, Helvetica, sans-serif;
padding:5px;
}
#mainbox p{
padding:2px;
}

#menu{
font-size:24px;
padding:5px;
color:#FFF;
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
align:center;
padding-left:20px;
}
#menu a:hover{
color:#C90;
text-decoration:none;
}
#right_col{
float:right;
width:250px;
height:10000;
margin:40px auto;
text-align:right;
align:center;
background-color:#FFC;
margin-top:0px;
}
#comment_text{
width:670px;
height:100px;
background-color:#FFF;
color:#000;
overflow:auto;
}
#page_link{
text-align:center;
text-decoration:none;
list-style:none;
padding-left:25px;
}

#page_link li{
margin-right:0x;
margin:20px;
margin-left:0px;
margin-top:0px;
text-decoration:none;
list-style:none;
display:inline;
padding:20px;
}

here is an link to the page that is not show the page right no matter what i do

http://tiny.cc/QwOGT

thank you for your help guys

⋅ Categories: Drupal 6.x

Comments

felxo’s picture

felxo commented

any one got any ideas

Jeff Burnz’s picture

Jeff Burnz commented

there is broken PHP which you should fix...

<div id="header">if ($logo) {
              print '<img src="'. check_url($logo) .'" alt="'. $site_title .'" id="logo" />';
            }</div>

...and the <div id="main"> wrapper is being closed early by a rouge extra </div>.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ffreshers-comic....

... so nothing to do with CSS at this stage, validate your output before posting please, this is a simple case of broken HTML.

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.