Questions & Support

I've been using BlueTrip for a while now in my site framework. I have just discovered html5boilerplate and am very impressed with it. I will be looking at trying to use BlueTrip with it (html5boilerplate has some very cool CSS but doesn't try and be a full css framework).

However, I am concerned that BlueTrip doesn't look like it's still being developed. There haven't been proper documentation, and I am not sure if things have been updated. With CSS3 starting to become more and more common (particularly helped by css3pie.com and modernizr) I think this important.

How can i build a three column layout with two faux comlumns?

* note: i left the < so it would be displayed in the message.

div class="container">
div class="span-5">
Left sidebar
/div>
div class="span-16">
Content
/div>
div class="span-3 last">
Right sidebar
/div>
/div>

I can't correctly print (by a printer or PDF) the demo..
Indeed, every element are vertically aligned instead of two columns..
Do you have the same problem ?
Is there a web to solve that behavior ?
It's the same on many browsers.
Best regards
S.

While checking out bluetrip I noticed it inserts vertical space after a nested list.

Is this intentional?

To me it was a surprise and it is therefore undesirable (bug). The browsers default styling doesn't do this.

Note that the demo-page 'elegantly' avoids the issue... it only nests deeper and deeper.

While checking out bluetrip I found that, like many other grids, it uses the smallest acceptable font-size. This is too small for default usage. How do I change this without breaking the system?

I tried:
body { font-size:11pt; }

but when I set the background color for selected text, the previous line is invaded. This suggests I need to make proportional changes elsewhere.

Hi all!
I'm making a website with bluetripCSS:
i'm using with color i would like my divs to have the same height ( the one of the bigger).

Here is a little screen shot of my problem:

http://yfrog.com/edbluelpp

How can i do that?
Thanks
gkjn

I seem to be having an issue getting images with an align attribute to work in IE[7]. If I have <img src="something.jpg" alt="My Image" width="190" height="84" align="right" />, in IE7, the image will not align to the right.

Here's a giant image example: http://screencast.com/t/M2E4Y2FkN

While I was creating this example (in red), I noticed another IE issue noted in the screenshot (in orange).

I like to have links that lead to websites outside of the site open in a new window, and the strict doc type does not allow this. Can the doc type be changed to transitional?

Tom Rogers
Tom Rogers Web Design

Hello, I'm just starting to use BlueTrip and I noticed the following.

If you have a link that is both external (http://www.extermal.com) and to a file (somefile.pdf) for http://www.external.com/somefile.pdf, then the icon spacing for the .pdf icon, which is the icon that is displayed, becomes 0 instead of the default which sets the icon a few pixels away from the link text.

These are all with default BlueTrip CSS files (with no modifications to them other than setting the default URL).

The right columns, where "BlueTrip CSS Grid Examples" is, is where everything goes out of whack