Thin Fine Line @ noorullah.org

MENJ · #1 (**permalink**) 23-12-2004, 11:52 AM

Hello,

I am working on implementing the design for http://www.noorullah.org/cms (don't worry about the bland links and the strange green box below...I haven't worked on the CSS part yet). There is a thin fine line on the upper right corner of the page. I can't figure out how to fix it

Can anyone tell me how the heck do i remove it?

HTML code is as below:

Code:

<?php
/* Don't remove this line. */
require('./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">
<!-- Gemini Index 1.22 -->
<head profile="http://gmpg.org/xfn/1">
<title>
<?php bloginfo('name'); ?>
<?php wp_title(); ?>
</title>
<meta http-equiv="Content-Type" content="text/html;
charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php
bloginfo('version'); ?>" />
<!-- leave this for stats -->
<style type="text/css" media="screen">
		@import url( <?php echo get_settings('siteurl');
?>/wp-layout.css );
	</style>
<link rel="stylesheet" type="text/css" media="print"
href="<?php echo get_settings('siteurl');
?>/print.css" />
<link rel="alternate" type="application/rss+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 wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
<script language="JavaScript" type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window
if Nav4 resized
  if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth;
document.MM_pgH=innerHeight; onresize=MM_reloadPage;
}}
  else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; width:748px; height:479px; z-index:1; left:0; top:0"> 

<table bgcolor="FFFFFF" width="748" height="77" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <img src="http://www.noorullah.org/cms/wp-images/gifs/lv1_1_noor.gif" width="140" height="76"><img src="http://www.noorullah.org/cms/wp-images/gifs/lv1_2_noor.gif" width="150" height="76"><img src="http://www.noorullah.org/cms/wp-images/gifs/lv1_4_noor.gif" width="455" height="77"><img src="http://www.noorullah.org/cms/wp-images/gifs/lv1_3_noor.gif" width="3" height="77">
  </tr>

    <tr valign="top"> 
      <td width="187" bgcolor="#333333" height="20"></td>
      <td colspan="2" bgcolor="#333333"
height="20"><font color="#FFFFFF"></font><font
color="#FFFFFF"></font></td>
    </tr>
    <tr valign="top"> 
      <td class="menu" valign="top" background="http://www.noorullah.org/cms/wp-images/gifs/lv4_null.gif" bgcolor="#FFFFFF" height="240">
<img src="http://www.noorullah.org/cms/wp-images/gifs/lv2_1_mosq.gif">
<img src="http://www.noorullah.org/cms/wp-images/search.gif"> 
        <form id="searchform" method="get"
action="<?php echo $PHP_SELF; ?>">
          <div> 
            <input type="text" name="s" id="s"
size="15" />
            <br />
            <input type="submit" name="submit"
value="<?php _e('Search'); ?>" />
          </div>
        </form>
        <p><a
href="http://www.noorullah.org/cms/front.php">Front Page</a><br>
          <a href="about.php"> About Noorullah</a><br>
          <a href="multimedia.php"> Multimedia </a><br>
          <a href="books.php"> Forum</a><br>
          <a href="contact.php"> Contact Us</a><br>
</p>
        <p><img src="http://www.noorullah.org/cms/wp-images/categories.gif"></p>
        <p>
<a
href="http://www.noorullah.org/cms/mukahadapan.php?cat=2">Islam</a> <br />
<a
href="http://www.noorullah.org/cms/mukahadapan.php?cat=2">Christianity</a> <br />
<a
href="http://www.noorullah.org/cms/mukahadapan.php?cat=2">Quran</a> <br />
<a
href="http://www.noorullah.org/cms/mukahadapan.php?cat=2">Hadith</a> <br />
<a
href="http://www.noorullah.org/cms/mukahadapan.php?cat=2">Bible</a> <br />
<a
href="http://www.noorullah.org/cms/mukahadapan.php?cat=2">Paul</a>
</p>
      </td>
      <td width="526" background="http://www.noorullah.org/cms/wp-images/gifs/lv0_stg_bg.gif">

   <div id="content"> 
          <?php if ($posts) : foreach ($posts as
$post) : start_wp(); ?>
          <?php the_date('','<strong>','</strong>');
?>
          <div class="post"> 
            <h3 class="storytitle" id="post-<?php
the_ID(); ?>"><a href="<?php the_permalink() ?>"
rel="bookmark" title="Permanent Link: <?php
the_title(); ?>"> 
              <?php the_title(); ?>
              </a></h3>
            <div class="meta"> 
              <?php _e("Category:"); ?>
              <?php the_category() ?>
              — 
              <?php the_author() ?>
              @ 
              <?php the_time() ?>
              <?php edit_post_link(); ?>
            </div><div class="storycontent">
		<?php the_content(); ?>
	</div>
          </div>
          <?php endforeach; else: ?>
          <p> 
            <?php _e('Sorry, the article you are looking for is not available.'); ?>
          </p>
          <?php endif; ?>
        </div>
      </td>
      <td bgcolor="#5CB7CB" height="100"> 
      
      </td>
    </tr>
    <tr valign="top"> 
      <td width="50" background="http://www.noorullah.org/cms/wp-images/gifs/lv4_null.gif" bgcolor="5CB7CB"></td>
      <td width="526" bgcolor="#FFFFFF">&nbsp;</td>
      <td width="187" bgcolor="5CB7CB"></td>
    </tr>
    <tr valign="top"> 
      <td colspan="3" bgcolor="#333333"
height="20">&nbsp;</td>
    </tr>
    <tr valign="top"> 
      <td colspan="3"> 
        <div id="footer"> 
          <p class="credit" align="center"><cite><br>
            <a
href=http://www.noorullah.org>noorullah.org</a>
| Noorullah Website <br />
            <a href="<?php bloginfo('rss2_url'); ?>"
title="<?php _e('Syndicate this site using RSS'); ?>">

            <?php _e('<abbr title="Really Simple
Syndication">RSS</abbr> 2.0'); ?>
            </a> | <a
href="http://validator.w3.org/check/referer"
title="<?php _e('This page validates as XHTML 1.0
Transitional'); ?>"> 
            <?php _e('Valid <abbr title="eXtensible
HyperText Markup Language">XHTML</abbr>'); ?>
            </a> </cite></p>
        </div>
      </td>
    </tr>
  </table>
</div>

</body>
</html>

lcf · #2 (**permalink**) 23-12-2004, 02:15 PM

the line is not only at the right corner, in fact, it is at the top of the page (left to right).

Please check the CSS file to correct it.

MENJ · #3 (**permalink**) 23-12-2004, 03:45 PM

Thanks LCF. I will paste the CSS code here later so that we can check.

I discover another serious problem...I posted one article on the site and noticed that the text is confined to one side of the page! See it here:

http://www.noorullah.org/cms/index.php?cat=1

Can anyone find whats wrong? I havent changed anything in the PHP page code yet. Pls see the template HTML/PHP code I pasted above and find out whats wrong.

Thanks in advance.

- MENJ

MENJ · #4 (**permalink**) 24-12-2004, 10:56 AM

Okay I already gotten rid of the "thin fine line" (yup, its caused by the CSS) but still can't figure out on how to set the text properly

- MENJ

lcf · #5 (**permalink**) 27-12-2004, 10:58 AM

look for the width of the column in CSS

MENJ · #6 (**permalink**) 27-12-2004, 02:03 PM

Quote:

Originally posted by lcf
look for the width of the column in CSS

Thanks, lcf! I have discovered the problem (due to CSS definition for column width of content) and corrected it. Now its showing up perfectly

Anyway it seems my site is not properly XHTML-validated...so many errors

Have to correct them soon to confine to W3C standard

- MENJ

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Help! My website is gone whack in IE! (But fine in Mozilla in IE)	squarehippies	Websites Review and Suggestion	2	25-06-2006 11:25 PM
Noorullah Online	MENJ	Websites Review and Suggestion	1	03-05-2006 03:42 PM
Anybody here participate in on line survey?	pohkeiong	Mamak Stall	1	15-01-2006 06:05 PM
How to remove Line Feeds (LF) of a page?	lcf	Website Programming	2	31-12-2004 08:35 PM
WALK-IN INTERVIEWS: DIGI IT Line Department Dateline 31 July	Defcon	Job Vacancies	2	02-08-2004 02:13 AM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)