What I Broke – Programming and Web Development

Category: Web Design

  • How to stop text taking up more than one line – CSS

    Hey everyone, Just a quick post on how to stop text taking up more than one line using only CSS: .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } You can check it out using this fiddle: http://jsfiddle.net/wb5m7/ There’s also a great StackOverflow post: http://stackoverflow.com/a/572302/522859 //jsfiddle.net/wb5m7/embed/html,css,result/

  • Dropdown Button – Twitter Bootstrap

    Hey everyone, Just a quick post on how to create a dropdown button using Twitter Bootstrap. It’s pretty straight forward, once you’ve included all your CSS etc just add the following code: Button Text Menu Option #1 Menu Option #2 Menu Option #3 Menu Option #4 Menu Option #5 Once you save that you should…

  • Change Current Day Color – jQuery FullCalendar

    Hey everyone, Just a quick post on how to change a few of the styles in FullCalendar. All you need to do is add these after the default styles are loaded: Current Day Background Color .fc-today{ background-color: blue; } Change Calendar Background Color #calendar .fc-content{ background-color: #FFFFFF; font-size: 80%; } Add Box Shadow to Events…

  • Placing Multiple Button_To on the Same Line – Ruby on Rails

    This is a problem that had me confused for an embarrassingly long time. Rails wraps button_to elements within a form and a div. Unfortunately this will take up 100% of the available width. Thankfully the solution is pretty straight forward – simply wrap buttons in a div and float them left like so: ‘button’%> ‘button’…

Create a website or blog at WordPress.com