Login

09-23-2009, 08:34 PM

[eluser]The Beginner[/eluser]
Hi all, I am beginning my first project in CI and I went through the BLOG tutorial and I really like the way everything works. When I started trying to implement my dynamic CSS menu I ran into problems. I have pasted the view file code below. It does not seam to be picking up the "menu_style.css" file which in turn should be picking up the appropriate images. Am I missing something? This works fine as a stand along html file. Is it a path issue? I have tried moving the css file and images to several different directories with no success. Any suggestions would be greatly appreciated. :cheese:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><?php echo $title; ?></title>
<link rel="stylesheet" href="menu_style.css" type="text/css" />
</head>
<body>
<?php echo $htmlstring; ?>
<div>
<ul class="menu">
<li class="top"><a href="#" class="top_link">Sample Menu</a></li>
<li class="top"><a href="#" class="top_link">Sample Menu This is some longer text</a>
<ul class="sub">
<li><a href="#">Sample Menu This is some longer text</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
</ul>
</li>
<li class="top"><a href="#" class="top_link">Sample Menu</a>
<ul class="sub">
<li><a href="#">Sample Menu This is some longer text</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
</ul>
</li>
<li class="top"><a href="#" class="top_link">Sample Menu</a></li>
<li class="top"><a href="#" class="top_link">Sample Menu</a></li>
</ul>
</div>
<?php echo anchor('blog/', 'Back To Blog'); ?>
</body>
</html>

09-23-2009, 09:22 PM

[eluser]boony[/eluser]
Hi,

Welcome to CI community. Without taking a close look I would suggest it is most likely a path issue. Place this a call to the base url...as below and it should work.

[quote

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><?php echo $title; ?></title>
<link rel="stylesheet" href="<?=base_url()?>menu_style.css" type="text/css" />
[/quote]

Have a look at the URL helper in the user guide for a more detailed explanation. Oh and don't forget to include the url helper in the controller as well... ;-P

09-23-2009, 09:47 PM

[eluser]BrianDHall[/eluser]
If you use Chrome or any of the developer extentions to Firefox (like Firebug) you can check to see if your CSS is actually being included. I think boony is correct and its just a path issue, but if not you'll need to see just what is going on and a smart browser is the best way to see.

If that isn't working my next guess is an htaccess issue - in which case paste the url of where you think your css file is in your browser. Do you get to access it, or no? If not then you have to see whats up.

If you can and you aren't getting it to pull in correctly using base_url, use an absolute (http://...full path) path to your file and see if that works.

Note that all paths are relative to the "front-controller" of index.php in the main directory, NOT the controller you use to control your pages.

09-24-2009, 01:58 AM

[eluser]boony[/eluser]
Hi again,

all the suggestions by Brian are good stuff. But I scrolling down a couple of topics I came across this

Code:
http://ellislab.com/forums/viewthread/129877/

which has some valuable info that is well worth investigating...

09-24-2009, 08:41 AM

[eluser]The Beginner[/eluser]
Hi guy's, Thanks for the responce.

boony, I pasted in your suggestion slightly modified and whola, it worked. thanks, bunches.

"<link rel=“stylesheet” href=”<?php echo base_url();?>menu_style.css” type=“text/css” /> "