CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout and fonts.

learn more… | top users | synonyms

-1
votes
0answers
19 views

Why does my third column line-break? [closed]

How do I make the three columns I have on different lines parallel to each other? jsFiddle: http://jsfiddle.net/JordanSimps/n79LY/2/ HTML: <div id="middle_container"> <div ...
-1
votes
1answer
18 views

How do I make my header title and slogan parallel to my navigation and my logo parallel to my title and slogan? [closed]

This is what I'm trying to do: jFiddle Example: http://jsfiddle.net/JordanSimps/hgwyS/ HTML: <body class="body"> <header class="mainHeader"> <nav><ul> ...
2
votes
2answers
30 views

Minimizing CSS media queries for the page title?

I am working on page titles to be responsive. The code I have works and gets the job done, but I know that this is verbose. I decided upon the widths by trial and error based on how the words were ...
1
vote
1answer
13 views

Mixin, @extend or (silent) class?

I am struggling with the basic concepts of SASS. I have a page that has multiple section, all of them are sharing properties like width, font-size etc. I would like to optimize my code and do one of ...
1
vote
0answers
28 views

OOCSS: Is this broken down too much?

Philosophical question: How far should I break down my objects? Inuit.css and Bootstrap have islands, islets, wells, grayboxes, and other objects that have repeating properties. I don't think it was ...
0
votes
0answers
22 views

Containing the navigation bar in the Foundation 4 framework with CSS?

I am looking for the cleanest way in the CSS to contain the navigation bar to the center of the site I am working on. As you can see from the picture below, the content in the header is pushed to the ...
2
votes
1answer
48 views

Least amount of HTML and CSS to create a bottom border for every section?

I am doing a redesign and have some previously existing content in HTML that is similar to <p class="testimonial-text">Bacon ipsum dolor sit amet aliquip est tail occaecat bacon ad qui short ...
1
vote
2answers
56 views

HTML containers and positioning - Code Review

I just started to make a static website after years of not playing in that field (stopped in the early 2000s), just to try to remember what I lost over time. Before going any further, I wanted to know ...
1
vote
0answers
20 views

Skeleton SASS Feedback and Review

recently I have been developing a SASSified version of Dave Gamache's Skeleton CSS front-end framework. I have publicly posted the code on github which can be found here as well as a live demo. What ...
-2
votes
0answers
17 views

I need help getting my footer to not cover my content when I resize the browser [closed]

I've used this Sticky Footer solution to get my footer to stick to the bottom of my page even when the browser is resized. So this is what I have now: My header, main content, and the footer. Now, as ...
1
vote
1answer
40 views

Using .hover recommended?

Is there a better way to write the JS for this? I'm asking because I read from somewhere that using .hover isn't recommended. Also, if I move the mouse in and out of the box really fast, the box fades ...
2
votes
0answers
95 views

Display progress bar to show async. request status using JQuery

Instead of using ProgressBar plugin, I've below script to display the progress bar for async. requests on the page. Could anyone provide any feedback on this esp. if there will be any issues like ...
0
votes
0answers
25 views

Attempting to convert this to a responsive website? [closed]

So, I'm starting to create my portfolio website, and didn't really thought about responsiveness when I started this. It's not done, but it's well on it's way. If someone has the time, could you guys ...
1
vote
0answers
25 views

Comments on SASS from CSS for a SASS beginner

I've leapt into SASS and am loving it. I'm asking for comments here on whether my SASS is well formatted, which I think is on-topic, if not please tell me in comments and I'll try and fix or delete. ...
0
votes
0answers
48 views

How does Facebook toggle its notification center icons to display the respective DIVs with the notifications when clicked? [closed]

How does Facebook toggle its notification center icons to display the respective DIVs with the notifications when clicked? All of you have at-least interacted with the Facebook notifications center ...
1
vote
1answer
61 views

How can this be done in the shortest way?

I have saved the class holding the position of the i element in the a tag that is clicked by the user. When the a tag is clicked, I want to get the value of its attr and add it as a class to the i ...
1
vote
1answer
51 views

Changing master page's menu

Discovered that the existing menu in a web app I'm working on has an issue in Chrome, where the "Logged in as" section would jump off the menu bar down below. After looking through the code, I'm ...
2
votes
0answers
35 views

How can I reduce this .less call to one line per image

How can I simplify this .less code to require less repetition (i.e., so that I can have many buttons with normal, rollover, and pressed states without using 3 lines for each button): ...
3
votes
1answer
51 views

Improve on CSS3 Selectors

I'm trying to change the background-color of each .achievement div. The content is being generated dynamically so I can't add a class easily to each one. I have it working with selectors like ...
2
votes
2answers
110 views

CSS Code Quality

Is this a good CSS? .table1 thead tr td, .table1 tbody tr td, .table2 thead tr td, .table3 tbody tr td:first-child, .table4 tbody tr td:first-child, .table7 tbody tr td:first-child ...
5
votes
1answer
99 views

CSS Good Practice on a JavaScript Plugin

I've realized a jQuery Plugin recently and made a basic default CSS for it. As I'm mainly a server-side guy, I'm not too familiar with CSS and would like to have insight about what could be improved. ...
3
votes
1answer
43 views

Positioning link boxes & managing backgrounds

I've managed to position the link boxes as I wanted and to apply a background to them, but I'm not sure I've done it in the most elegant or efficient way. Is there a better way to position the ...
2
votes
1answer
47 views

Convert javascript to css media query?

I'm running into page performace issues and I believe this block is causing the biggest slowdown: // Section menu on mouseover, hide menu on mouseout // Can be more concise using .toggleClass? ...
3
votes
1answer
35 views

Innefficient scss selectors being generated

Im using Foundation by Zurb as a front-end framework. Below is the SCSS used to generate the basic layout of the homepage using the Semantic Grid Mixins Foundation supplies ...
1
vote
0answers
55 views

JQuery Drag Div Code Simplification

My code allows for the user to move a div around a container div by clicking and dragging the top, much like a window on a desktop. It does this by waiting for mousedown then mousemove, getting ...
2
votes
1answer
94 views

HTML - single page layout - absolute positioning

I am doing web apps, mostly single page apps. So i have to give absolute and fixed positioning a lot via css. For Example, consider this page layout: <html> <div class="app-header"> ...
-1
votes
1answer
52 views

Trouble with jquery show and hide [closed]

I'm having a ton of trouble trying to get simple jquery functionality to work. All I want is to be able to click on a menu button and have a menu pop up and click outside of it to close it. I think ...
2
votes
1answer
67 views

I've embedded several PHP/HTML/Javascript in one page. How can I improve on the efficiency/performance?

Just a quick preface, I'm not a web developer. I'm simply doing this as a favor for a friend. My goal is to be done with it as quickly as possible, but still not have the coding be horrendous. With ...
2
votes
1answer
186 views

Structuring Simple HTML5 / CSS3 / JavaScript Math Web App

I am new to web apps and I am having a difficult time structuring my apps. I put together a very simple math web app which I wish to expand on. The app has the following pages/screens: Home screen ...
-1
votes
1answer
29 views

Floating Images and Text [closed]

The code below is supposed to reproduce what you see in the upper right hand corner at http://www.Almost-There.org/forums This code currently resides between lines 63 and 66 on the page at ...
1
vote
0answers
209 views

Twitter Bootstrap Collapse (Accordion) With Knockout JSON mapping

I want to create a Dynamic Accordion control using Knockout JSON Mapping and Twitter bootstrap. var ProductViewmodel; function bindProductModel(Products) { var self = this; self.items = ...
0
votes
1answer
44 views

FadeIn a div element with jquery

I am new to web developtment and I want to Fadein a div using jquery. I used the following jquery code to fadein my div. It is not working, what am I doing wrong? html <body> <div ...
3
votes
1answer
229 views

Improving Twitter Bootstrap Tooltips with json data

This is a working example that I am trying to improve. Throughout the application I am working on one of the requirements was to have tooltips everywhere. However the customer wanted the ability to ...
4
votes
2answers
237 views

Simplifying Code for Drop-Down-Box in JQuery and HTML

I'm trying to come up with a way to make a drop down box that is displayed through a jquery mouse hover event and with nested dropdown boxes displayed through hovering over elements of the original ...
4
votes
1answer
439 views

DIV mask implemented in JavaScript/CSS

Mask.html <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script type="text/javascript" ...
5
votes
4answers
153 views

Business Letter in HTML

I've been writing HTML for a while, but badly, very badly. I have been violating every best practice that exists So I have decided to clean up my act. I bought a couple up-to-date books, read them, ...
2
votes
3answers
272 views

Tidying and optimising code

I have the following code in jsfiddle. I have been told this this code is messy and not optimised. My question is, what about this is messy and unoptimised and how can it be tidied up and optimised ...
2
votes
0answers
94 views

Rendering hidden element from view in Rails, HAML

Simple example, I need to render div with some text hidden by default. I'll do something like: = link_to 'Display text', '#' .div_with_text{ style: 'display: none;' } = 'Some text!' And after ...
-2
votes
1answer
28 views

I just began developing an extension/mod Generator for the Facebook Plugin - Like Box [closed]

Here is the link to the current version of the "Custom Likebox/Facepile for Facebook" Generator: Custom Likebox/Facepile for Facebook Input is greatly appreciated. I've used many a ...
1
vote
1answer
102 views

optimise jquery code

I have written a jquery code for a pop up but the problem is I wanted to optimize the jquery code can you tell me how to optimise it to have a better results in the browser.. it would be great if u ...
5
votes
2answers
147 views

Review for CSS layout code

I want to get my first CSS layout reviewed. First of all, the related HTML code is as follows - <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> ...
-1
votes
1answer
62 views

Optimizations Help [closed]

How can we improve our Yslow performance grade C to A or B. Looking for some helpful tips on improving the code on our website at www.wirenine.com - any tips to help improve page load times would be ...
1
vote
0answers
103 views

Review my Card Matching Game. (Update to an earlier post)

I updated my code according to a few suggestions from my last post, so I thought I'd repost it to see what other feedback I could get. I also commented it heavily and fixed some of the functionality. ...
2
votes
2answers
974 views

Toggleclass best practice (JQuery and CSS syntax)

I've created this fiddle: http://jsfiddle.net/9SXLJ/ to demonstrate something I've been working on. I've been trying to mimic the behaviour of Twitter where a tweet is expanded, the border-radius and ...
2
votes
1answer
153 views

How'd I do on this card matching game? Link and code inside

Here is the Card Matching Game. And Here is the code: // Author: Matt Gowie // Created on: 10/01/12 // Project for Web Dev 2400 $(document).ready(function(){ var cardArray = [ 'd-ace', ...
3
votes
1answer
222 views

Complex CSS layout - Docked Footer and Elastic Content

I have based my code off several tutorials which has culminated what I think is quite a complicated CSS layout. It has a docked footer. The sidebars are turned on dynamically in my template depending ...
1
vote
1answer
57 views

HTML CSS Field Layout

I've had some help designing my field boxes and I was hoping to get feedback on the code. The fields will increase in complexity which is why I thought to structure it this way (image upload fields, ...
0
votes
2answers
131 views

Is this decent HTML5 or total garbage? [closed]

So this is my first real try with HTML5 and i'm kinda lost. Is this an acceptable way to do it? Also, it's a mobile Wordpress theme... i decided to ipost only the final output. Thank you. ...
-1
votes
1answer
36 views

Create a box that will display subscriber options for a website [closed]

I am trying to figure out a way to create some kind of a popup information window when someone clicks on a "subscriber options" button. An example of what I'm going for can be found here at ...
3
votes
1answer
112 views

make the fiddle cleaner

http://jsfiddle.net/hrishikeshp19/VyDsu/21/ Following is my HTML body: <div id="header"> <div id="logo"> </div> <div id="headercontent1"> </div> <div ...

1 2 3