Thread

I have a CI / Blueprint CSS issue—or maybe I’m an idiot.  I am using the following to get a refernces to my “screen.css” file:

<?php
$this->load->helper(‘url’);
?>

...then…

<link rel=“stylesheet” href=”<?=base_url()?>css/blueprint/screen.css” type=“text/css” media=“screen, projection”>

The problem seems to be that “screen.css” imports these other CSS files, thus:

@import ‘lib/reset.css’;
@import ‘lib/typography.css’;
@import ‘lib/grid.css’;
@import ‘lib/forms.css’;

...and I am pretty certain that these are not getting imported as my VERY simple Blueprint layout is not rendering at all.

Any help at all would be of great assistance.

Hello and welcome!

Are the other files in css/blueprint/lib/? it seems that the relative link is not being found. Also try and remove the <?=base_url()?> out of your reference and make it absolute “/css/blueprint/screen.css”

Hope that helps

-Lee

the way i fixed it was by importing the files in my header, rather than the screen.css file, look at the source: http://jtaby.com:81/jtabydevsite/

or just modify screen.css to point to the correct path

add the files to the same directory as the screen.css and change the import

@import ‘reset.css’;
@import ‘typography.css’;
@import ‘grid.css’;
@import ‘forms.css’;

walesmd: that way when you move from dev to the actual server you have to fix them, xwero, that way you lose the plugin folder structure which, i guess isn’t that important but i like to keep them separate.

I use blueprint like this and i have no problems at all. Put in my header.

<link rel="stylesheet" href="<?=base_url()?>static/style/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="<?=base_url()?>static/style/project.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="<?=base_url()?>static/style/print.css" type="text/css" media="print">

My folder structure is like this:

/project/
 |-application/
 |-static/
  |- style/
   |- screen.css
   |- lib
    |- all other blueprint files
 |-system/

Hope that helps.

walesmd: that way when you move from dev to the actual server you have to fix them

Not if you make them relative to root and your dev server mirrors yours production server (in regards to the web root) as any good developer ensures.

I amaze myself sometimes… I seriously can not be this smart. There have to be some others of you out there.

You could be more courteous about it, different people organize their folder structures differently, my dev and production servers don’t mirror each other, it’s a matter of preference, not skill.

Yeah, I thought twice about posting that after I said it. But then I looked at your smartass remark and remembered why it was a deserving statement.

Whether you meant it or not - be careful how you say things.

We are all lending our suggestions here, it’s up to those that seek this information to choose the solution that best suits their needs. Sure, go ahead and critique suggestions provided by others but do it respectfully.

I don’t see how my last remark was a “smartass” remark but then again, this remark could be interpreted as a “smartass” remark.

Let’s hug it out

This is PRECISELY what I would like to have work, krasnik.

I thought that I was doing this correctly, but something is obviously wrong.  My code is:

<link rel="stylesheet" href="<?=base_url()?>css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="<?=base_url()?>css/blueprint/print.css" type="text/css" media="print">

I have attached a screen grab of my directory structure.

Maybe another set of eyeballs can see something?

BTW, thanks to all for the responses.  And I would like to add that is project and forum seem to an unusually forward-thinking bunch.

It is good to be coding again.  😊

I use blueprint like this and i have no problems at all. Put in my header.

<link rel="stylesheet" href="<?=base_url()?>static/style/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="<?=base_url()?>static/style/project.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="<?=base_url()?>static/style/print.css" type="text/css" media="print">

My folder structure is like this:

/project/
 |-application/
 |-static/
  |- style/
   |- screen.css
   |- lib
    |- all other blueprint files
 |-system/

Hope that helps.

You want css/ to be alongside system/, not inside it
here’s a screen grab of my setup (top left is css dir, bottom left is my system structure, and top right is my header.php file.
http://jtaby.com:82/dump/ci_css_setup.png
Hope that helps 😊

Zaatar:

The requested URL could not be retrieved

Damn I missed out on the bitching e-drama… why did nobody let me know about this? Useless the lot of you!

Remember to use my asset helper, solves the organisation problem for you :D