Questions tagged [skeleton-css-boilerplate]

A collection of CSS files intended to help developers build sites for any form factor on any device

Resources :


Related tags :

168 questions
0
votes
1 answer

css skeleton framework getting all columns to fit on the same line

I'm trying to use the skeleton framework but I'm getting confused. Here is the code I'm trying to use: http://pastebin.com/ZcEAed0D I even tried adding alpha and omega to the beginning and end of the columns. But what I am left with looks like…
Clay Smith
  • 1,051
  • 14
  • 27
0
votes
1 answer

5 Equal Columns on Skeleton Base Grid 1200

I would like to add the option of 5 equal columns added to my existing grid. As far as I understand from a previous question on stackoverflow here I need to add the following line to a 960 grid: .container .one-fifth.column { width:…
Cheng
  • 11
  • 6
0
votes
2 answers

Custom javascript on Skeleton Wordpress theme?

I tried this : http://themes.simplethemes.com/skeleton/tutorials/how-to-add-custom-css-and-javascript-using-a-child-theme/ And I added this in my functions.php inside my child theme directory : function my_custom_javascript() { …
Gaston Flanchard
  • 519
  • 1
  • 5
  • 15
0
votes
1 answer

Decreasing Margin of skeleton grid

Should I compromise the 960px grid to make a section completely fluid/full-width? The person I am making the site for really wants the image in the speaking section cropped (shortened) and therefore it will be shorter than the other 2 columns unless…
0
votes
1 answer

Fade in different background image when clicked

I'm having some trouble fading in a new background image when the button is clicked. Also, the background image isn't covering the page once it's clicked. Not sure if my htmt/css is relevant. Any help is appreciated! html:
Waymond
  • 239
  • 2
  • 5
  • 21
0
votes
1 answer

Skeleton Boilerplate - preventing movement of certain elements

I am using skeleton to make a fluid layout, and it is working well mostly, but I have an issue here with this 2 column layout on magento : http://watchgearonline.co.uk/watch-straps.html The nav on the left sidebar is set to 3 columns, and the main…
user3333427
  • 7
  • 1
  • 4
0
votes
1 answer

What does Skeleton have in its CSS that makes the tag not work properly?

The tag does not work well when you are using Skeleton. So I had to add this code for it to work sup { font-size: 60%; vertical-align:super; } I can't find how Skeleton causes this. I have been looking through their 3 CSS files and the only…
JGallardo
  • 11,074
  • 10
  • 82
  • 96
0
votes
0 answers

Same-page links not working when used in Skeleton

I searched SO and found this thread but it only mentioned problems with IE8. I am having this problem in all browsers including Chrome Version 33.0.1750.117 and Firefox 27.0.1. My first step was to make sure my HTML was correct, Link
JGallardo
  • 11,074
  • 10
  • 82
  • 96
0
votes
3 answers

Centering navigation bar

I am having trouble centering my navigation bar, I have tried display:inline-block and then align center like most posts suggest but it doesn't seem to be working. HTML:
0
votes
2 answers

Broken Skeleton grid - 12 and 4 columns

I'm working on my first css framework project based on Skeleton. So far everything went smoothly but it appears that Ive stuck on one thing. Here is the code:
Paweł Skaba
  • 671
  • 1
  • 17
  • 49
0
votes
2 answers

Responsive Nav Bug

I am trying out the responsive nav plugin (responsive-nav.com) with the basic Skeleton grid system, and for some reason without editing the js and general css for the responsive nav plugin, I am running into issues with the navigation when minimized…
cphill
  • 5,596
  • 16
  • 89
  • 182
0
votes
1 answer

How to place the picure where i want it in skeleton

I need help with skeleton @ http://www.slutatnian.se/skolor/nosnas/ On the site there is a picture that is below the code and that works fine when im on a computer. But if im using a mobile device the picture will get on the bottom off the screen,…
0
votes
1 answer

How did he get the sidebar to remain on the left, even as the right side of the page can scroll?

I'm trying to learn about the 960 grid, and was looking at Skeleton. http://www.getskeleton.com If you visit the page, you will notice that while the right side of the page scrolls up and down, the left side is fixed (sidebar) always remains in…
Rahul Iyer
  • 19,924
  • 21
  • 96
  • 190
0
votes
1 answer

Extending background color of Div in Grid System

Note: I'm using the skeleton grid system. I am looking to extend the background color of one of my divs to the right, past the 960px container, but I am having no success. Any suggestions? Current: What I'm looking for: HTML:
cphill
  • 5,596
  • 16
  • 89
  • 182
0
votes
1 answer

How to make a layout of 250x3 columns using skeleton / framework?

I'm now learning responsive webdesign and got stuck on this. My PSD template has 3 columns each with 250 pixels width. The problem is zurb/skeleton framework doesn't have a column width of 250px wide column. The closest column to 250px are the ones…
Mixin
  • 81
  • 1
  • 1
  • 7