TrblShooting: Text size weird, footer gone
-
Hey all,
I’ve been playing around with the wp-layout.css tonight, and I’m quite inexperienced with it but I’ve managed to mod it a bit, and create a new third column.
My problems now, are a) that the text size has for some reason made itself larger after I moved the columns down on the page, and b) the footer (time loaded, Powered by WordPress) are not visible.
Any ideas?
Should I post my code for you to see?
drujr
-
Could you provide a link? I am going to assume that the text size change is because the columns might have used inherited values previously, and now are not located in the same parent div.
Considering drujr admits he doesn’t know much about CSS, you just gave him his first lesson of Chinese 😉
And the columns are being set up with tables – not divs.
lol chiensavant.
Sorry I thought I included a URL. its here: http://www.sickofit.org/test/
I can grab the code this afternoon (not on my home PC)here is my index:
<?php
/* Don’t remove these lines. */
$blog = 1;
require_once(‘wp-blog-header.php’);
?>
<!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>
<title><?php bloginfo(‘name’); ?><?php wp_title(); ?></title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<meta name=”generator” content=”WordPress <?php echo $wp_version; ?>” /> <!– leave this for stats –>
<style type=”text/css” media=”screen”>
@import url( <?php echo $siteurl; ?>/wp-layout.css );
</style>
<link rel=”stylesheet” type=”text/css” media=”print” href=”<?php echo $siteurl; ?>/print.css” />
<link rel=”alternate” type=”text/xml” title=”RDF” href=”<?php bloginfo(‘rdf_url’); ?>” />
<link rel=”alternate” type=”text/xml” title=”RSS 2.0″ href=”<?php bloginfo(‘rss2_url’); ?>” />
<link rel=”alternate” type=”text/xml” title=”RSS .92″ href=”<?php bloginfo(‘rss_url’); ?>” />
<link rel=”alternate” type=”application/atom+xml” title=”Atom 0.3″ href=”<?php bloginfo(‘atom_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<?php get_archives(‘monthly’, ”, ‘link’); ?>
<?php //comments_popup_script(); // off by default ?>
</head>
<body>
<div id=”rap”>
<h1 id=”header”>” title=”<?php bloginfo(‘name’); ?>”><?php bloginfo(‘name’); ?></h1>
<div id=”content”>
<?php if ($posts) { foreach ($posts as $post) { start_wp(); ?>
<?php the_date(”,'<h2>’,'</h2>’); ?>
<div class=”post”>
<h3 class=”storytitle” id=”post-<?php the_ID(); ?>”>” rel=”bookmark” title=”Permanent Link: <?php the_title(); ?>”><?php the_title(); ?></h3>
<div class=”meta”>Blogged by <?php the_author() ?> under <?php the_category() ?> @ <?php the_time() ?> <?php edit_post_link(); ?></div>
<div class=”storycontent”>
<?php the_content(); ?>
</div>
<div class=”feedback”>
<?php link_pages(‘
Pages: ‘, ‘
‘, ‘number’); ?>
<?php comments_popup_link(‘Comments (0)’, ‘Comments (1)’, ‘Comments (%)’); ?>
</div>
<!–
<?php trackback_rdf(); ?>
–>
<?php include(ABSPATH . ‘wp-comments.php’); ?>
</div>
<?php } } else { // end foreach, end if any posts ?>
Sorry, no posts matched your criteria.
<?php } ?>
</div>
<div id=”menu”>-
<?php get_links_list(); ?>
- Recent Posts:
-
<?php get_archives(‘postbypost’, 10); ?>
- Archives:
-
<?php get_archives(‘monthly’); ?>
- Meta:
- ” title=”Syndicate this site using RSS”>RSS 2.0
- ” title=”The latest comments to all posts in RSS”>Comments RSS 2.0
- Valid XHTML
- WP
<div id=”col”>
- Members Login:
- Categories:
-
<?php list_cats(0, ‘All’, ‘name’); ?>
- Search:
<form id=”searchform” method=”get” action=”<?php echo $PHP_SELF; /*$siteurl.”/”.$blogfilename*/ ?>”>
<div>
<input type=”text” name=”s” size=”15″ />
<input type=”submit” name=”submit” value=”search” />
</div>
</form>
</div>
</div>
<p class=”credit”><!–<?php echo $wpdb->querycount; ?> queries.–> <?php timer_stop(1); ?> secs. || © Copyright David Ursillo Jr. and SickOfIt.org, 2004. || <cite>Powered by WordPress</cite>
</body>
</html>
Any the wp-layout:
/*
*/
body {
background: #fff;
font-family: Verdana, Geneva, sans-serif;
margin: 0;
padding: 0;
color: black;
}
h4, li, a, span, th, td, input, select, textarea {
font-family: verdana, tahoma, arial, helvetica, geneva, sans-serif;
}
li, td, caption, input, select, textarea {
font-size: 11px;
font-weight: normal;
}
p, {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}
#rap {
display: block;
margin: auto;
position: relative;
text-align: left;
width: 770px;
}
#header {
background: #333366 url(“http://www.sickofit.org/images/header.jpg”) no-repeat;
font: italic normal 140% ‘Times New Roman’, serif;
letter-spacing: 0.2em;
margin: 0;
padding: 0px 0px 15px 0px;
text-align: center;
}
#header a {
color: #fff;
font: italic normal 200% ‘Times New Roman’, serif;
display: block;
padding: 94px 0px 10px 0px;
text-decoration: none;
}
#header a:hover {
text-decoration: underline;
}
#col {
padding: 0;
position: absolute;
margin-left: 410%;
top: 0px;
width: 100%;
background-color: #e8e8e8;
border: 1px solid #369;
}
col ul {
list-style: none;
margin: 0;
padding: 0px 0px 0px 0;
}
col ul li {
color: #369;
font-weight: bold;
margin: 0 0 0px 0;
padding: 0 0px 0px 0px;
}
#content {
left: 158px;
padding: 0px 0 25px 0;
position: absolute;
top: 178px;
width: 450px;
}
#content h2 {
color: #000000;
font: 75% Arial, Helvetica, sans-serif;
margin: 0;
padding: 0px 0px 0px 0px;
text-align: left;
text-decoration: none;
border-bottom: dotted 1px #369;
}
#content div.post {
padding: 0px 0 35px 0;
}
#content div.post h3 {
color: #369;
font-family: 100% Arial, Helvetica, sans-serif;
margin: 0px 0 0px 0;
padding: 2px 10px 2px 0px;
text-decoration: none;
}
#content div.post h3 a, #content div.post h3 a:link, #content div.post h3 a:visited {
color: #369;
text-decoration: none;
}
#content div.post div.meta, #content div.post div.meta ul li a, #content div.post div.meta ul li a:link, #content div.post div.meta ul li a:visited {
color: #000000;
font-size: 10px;
}
#content div.post div.meta ul {
display: inline;
margin: 0;
padding: 0;
}
#content div.post div.meta ul li {
display: inline;
margin: 0;
padding: 0 3px 0 0;
}
#content div.post div.storycontent {
margin: 0 0px 0 0;
padding: 10px 0 10px 0px;
}
#content div.post div.feedback a {
color: #369;
font-size: 11px;
}
#content div.post div.storycontent ol, #content div.post div.storycontent ul, #content div.post div.storycontent li, #content div.post div.storycontent blockquote {
margin-left: 0px;
padding-left: 0;
}
#comment {
height: 150px;
width: 400px;
}
#calendar, #search, #archives {
left: 617px;
margin: 0;
padding: 0;
position: absolute;
width: 150px;
background: #e8e8e8 url(images/menu-background.gif) repeat-x;
border: 1px solid #369;
}
#calendar {
top: 0px;
border: 1px solid #369;
text-align: center;
}
#search {
top: 165px;
}
#archives {
top: 219px;
}
#menu {
background: #e8e8e8 url(images/menu-background.gif) repeat-x;
left: 0;
padding: 0px 0px 0px 0px;
position: absolute;
top: 178px;
width: 150px;
border: 1px solid #369;
text-align: center;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0px 0px 0px 0;
}
#menu ul li {
color: #369;
font-weight: bold;
margin: 0 0 0px 0;
padding: 0 0px 0px 0px;
}
#calendar caption {
font-weight: bold;
}
#calendar th {
color: #369;
font-size: 10px;
padding: 2px;
text-align: center;
}
#calendar tbody td {
font-size: 10px;
padding: 2px;
text-align: center;
}
#menu form {
margin: 0;
padding: 0;
}
#menu ul li ul {
margin: 2px 0 0 0;
padding: 5px 0 2px 0px;
}
#menu ul li ul li {
color: #369;
font-weight: normal;
margin: 0 0 2px 0px;
padding: 0 0 5px 0;
}
#menu ul li ul li a, #menu ul li ul li a:link, #calendar td a, #calendar td a:link {
color: #369;
}
#menu ul li ul li a:visited, #calendar tfoot td a:visited {
color: #369;
}
p.credit {
display: none;
position: bottom;
text-align: center;
}
#photos {
left: 617px;
top: 281px;
margin: 0;
padding: 0;
position: absolute;
width: 150px;
background: #e8e8e8 url(images/menu-background.gif) repeat-x;
border: 1px solid #369;
}
#footer {
position: absolute;
bottom: 0px;
width: 450px;
background: #333366 url(images/menu-background.gif) repeat-x;
font: italic normal 100% ‘Times New Roman’, serif;
}
#footer {
text-color: white;
text-align: center;
}Well the #footer is styled in the CSS but I cant see it in the markup.
- The topic ‘TrblShooting: Text size weird, footer gone’ is closed to new replies.