Jump to content

Simple CSS issues for Navigation panel


dmderoeck

Recommended Posts

Hello all,

 

I have a couple CSS questions, simple in nature but can't seem to get them to work...

 

1. I can't get my navigation panel to get flush against the top of the browser (no padding) here http://www.csewebsolutions.com/whmcs'>http://www.csewebsolutions.com/whmcs like it is here http://www.csewebsolutions.com/ ...

 

2. How do I get the border line just under the header like here http://www.csewebsolutions.com/ ? for this page http://www.csewebsolutions.com/whmcs'>http://www.csewebsolutions.com/whmcs ?

 

Any help would be appreciated!

 

-Dan

Link to comment
Share on other sites

Put this in your header.tpl

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr" lang="en-US" xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<title>Complete Web Solutions for the Small and Medium Enterprise — cse web solutions</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<link href="http://www.csewebsolutions.com/xmlrpc.php?rsd" rel="EditURI" title="RSD" type="application/rsd+xml" />
<link href="http://www.csewebsolutions.com/wp-includes/wlwmanifest.xml" rel="wlwmanifest" type="application/wlwmanifest+xml" />
<base href="http://www.csewebsolutions.com/whmcs/" />
<link href="http://www.csewebsolutions.com/whmcs/templates/default/style.css" rel="stylesheet" type="text/css" />
<script src="http://www.csewebsolutions.com/wp-includes/js/jquery/jquery.js?ver=1.2.6" type="text/javascript"></script>
<script src="http://www.csewebsolutions.com/wp-includes/js/jquery/jquery.form.js?ver=2.02" type="text/javascript"></script>
<link href="http://www.csewebsolutions.com/wp-content/plugins/contact-form-7/stylesheet.css" rel="stylesheet" type="text/css" />
<script src="http://www.csewebsolutions.com/wp-content/plugins/contact-form-7/contact-form-7.js" type="text/javascript"></script>
<meta content="all" name="robots" />
<meta content="We provide complete web services for the small and medium size business - Web Hosting, Web Design, SEO, and Content Management.  A total web solution company serving all of Michigan, Ann Arbor, Dexter, Brighton, Howell, Livingston and Washtenaw counties." name="description" />
<meta content="small business web solutions, small business website solutions, michigan small business web solutions, michigan website solutions, ann arbor small business hosting, ann arbor small business web solutions, small business hosting, small business web design, small business seo, small business content management, small business website, smb hosting, smb web design, smb seo, smb content management" name="keywords" />
<meta content="Thesis 1.4.2" name="wp_theme" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/style.css" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/content.php?font=verdana&size=14&m=1" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/nav.php?size=10" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/header.php?size=36" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/headlines.php?size=22" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/bylines.php?size=10" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/multimedia.php?size=14" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/sidebars.php?size=13" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/footer.php?size=12" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/widths.php?c=3&w=500&o=invert&h=full-width" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/deprecated.css" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/custom/custom.css?040809-100444" media="screen, projection" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/ie7.css" media="screen, projection" rel="stylesheet" type="text/css" />
<![endif]--><!--[if lte IE 6]>
<link href="http://www.csewebsolutions.com/wp-content/themes/thesis/lib/css/ie6.css" media="screen, projection" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="http://feeds2.feedburner.com/CSEWebSolutions" rel="alternate" title="cse web solutions RSS Feed" type="application/rss+xml" />
<link href="http://www.csewebsolutions.com/xmlrpc.php" rel="pingback" />
</head>

<body class="custom welcome-to-cse-web-solutions">

<div id="nav_area" class="full_width">
<div class="page">
	<ul id="tabs">
		<li class="current_page_item">
		<a href="http://www.csewebsolutions.com" rel="nofollow" title="Home">Support</a></li>
		<li class="page_item page-item-2"><a href="http://www.csewebsolutions.com/about/" title="About">Client Area</a></li>
		<li class="page_item page-item-77"><a href="http://www.csewebsolutions.com/contact/" title="Contact">Announcements</a></li>
		<li class="page_item page-item-102"><a href="http://www.csewebsolutions.com/web-services/" title="Services">Knowledgebase</a></li>
		<li><a href="http://www.csewebsolutions.com/whmcs/" title="My Account">Support Tickets</a></li>
		<li><a href="http://www.csewebsolutions.com/whmcs/" title="My Account">Downloads</a></li>
		<li class="rss"><a href="http://feeds2.feedburner.com/CSEWebSolutions" rel="nofollow" title="cse web solutions RSS Feed">Subscribe</a></li>
	</ul>
</div>
</div>
<div id="title_area" class="full_width">
<div class="page">
	<div id="header">
		<p id="logo"><a href="http://www.csewebsolutions.com">cse web solutions</a></p>
		<h1 id="tagline">Complete Web Solutions for the Small and Medium Enterprise</h1>
	</div>
</div>
</div>
<div id="header_area" class="full_width">
<div class="page">
	<div id="header">
	</div>
	<ul id="tabs">
		<li class="current_page_item">
		<a href="http://www.csewebsolutions.com" rel="nofollow" title="Home">Home</a></li>
		<li class="page_item page-item-2"><a href="http://www.csewebsolutions.com/about/" title="About">About</a></li>
		<li class="page_item page-item-77"><a href="http://www.csewebsolutions.com/contact/" title="Contact">Contact</a></li>
		<li class="page_item page-item-102"><a href="http://www.csewebsolutions.com/web-services/" title="Services">Services</a></li>
		<li><a href="http://www.csewebsolutions.com/whmcs/" title="My Account">My Account</a></li>
		<li class="rss"><a href="http://feeds2.feedburner.com/CSEWebSolutions" rel="nofollow" title="cse web solutions RSS Feed">Subscribe</a></li>
	</ul>
</div>
</div>
<div id="content_area" class="full_width">
<div class="page">
	<div id="content_box">


<!-- PUT THE ABOVE IN YOUR HEADER.TPL -->


 

You might have to adjust some stuff in the above <head> tags but it should work!

 

Put this in your footer.tpl


<!-- PUT THE BELOW IN YOUR FOOTER.TPL -->
	</div>
</div>
</div>
<div id="footer_area" class="full_width">
<div class="page">
	<div id="footer">
		<a href="http://www.csewebsolutions.com">cse web solutions</a> - All 
		Material Copyrighted<p></p>
	</div>
</div>
</div>
<!--[if lte IE 7]>
<div id="ie_clear">
</div>
<![endif]-->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-3782536-24");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>

</html>


Edited by BAJI26
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated