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

2
votes
0answers
13 views

Building a bootstrap modal window

I've built a modal window as seen in my modal HTML and CSS code below and was looking for any tips/advice regarding how well I've applied any best practices in both my HTML and styling with regards to ...
0
votes
0answers
6 views

Positioning this websites elements properly [on hold]

I want the NAV below the header to have no red line between the header and the NAV. I've spent some time trying to figure it out, maybe it's something simple and I'm over thinking it but it's really ...
0
votes
0answers
5 views

Using CSS child wordpress [on hold]

I am working with wordpress Soul Medic theme and having problems with menu drop down. Theme style.css has: ...
3
votes
1answer
30 views

HTML and CSS markup for flexible form layout

I'm trying to have a HTML / CSS structure for flexible layouts for forms. I tried to look at Bootstrap codes for help with this (without actually using Bootstrap itself). I've gone with something ...
2
votes
2answers
138 views

Animation that cycles through background colors

I am doing a background image animation using the function. It works, but I think I am doing more coding than what it requires. Can anyone please help me to minimize it? Don't recommend the CSS ...
0
votes
0answers
14 views

Aligning unordered list elements by their last letter [closed]

Is it possible to align multiple distinct unordered lists by the last letter of the text they contain, given they all have the same class? I've tried changing the direction, text-align, ...
4
votes
1answer
52 views

Removing popup notification, the dirty way

I'm new to coding and I am self-taught up to this point, so my scope for creativity is quite limited. As such I'm doing something in particular that I suspect isn't the "best" way of achieving this ...
0
votes
0answers
6 views

position:relative causing error [migrated]

I am having a page which contains set of buttons at the footer(bottom). When I open the page for the first time I get the buttons as below: Now, sometimes the first three buttons gets hidden and I ...
-1
votes
0answers
21 views

Stylized HTML table with vertical scroll inside tbody [migrated]

today I experimented with HTML tables and populating them from a MySQL database. My code worked well for what I needed and as is the table looked something like this: ...
3
votes
2answers
82 views

iPhone notes application replica using HTML/CSS

I've written a web application that is a replica of the iPhone's notes app. It turned out quite well, you can do everything you can on the iPhone's app except for sharing and sending it via texts etc. ...
-1
votes
2answers
32 views

Improving js efficiency

I have function that I need to run on window load as well as window resize and I was wondering how can I make my code more efficient. Here is my current code: ...
3
votes
2answers
152 views

Elevator program code challenge

I recently applied for a job where the company gave me the following prompt for a code challenge. They have since told me "yeah, no thanks" but provided me with no feedback about why they came to that ...
2
votes
3answers
149 views

Roamfree official website

If it is possible, could someone please revise my code to see if any improvements can be made? ...
0
votes
1answer
63 views

Recommendations for a newbie to CSS & HTML [closed]

I am getting started with web development, and been trying some HTML & CSS, and I want recommendations on my code from experts here. I want to know what standard naming conventions you use for ...
2
votes
3answers
97 views

Playing with colours

I was hoping people could help me review the following page that I've been working on. The page has a simple form that looks at a list of colours and draw a few divs with those colours as backgrounds ...
8
votes
8answers
809 views

Fibonacci checker

I wrote a simple Fibonacci checker using HTML, CSS, and JS. This is my first JS program, so be sure to tell me everything that is wrong with it. Check it out here (http://jsfiddle.net/z49fyypt/1/), ...
27
votes
7answers
2k views

Who's in the fellowship? When are Frodo, and the rest of the gang, together

As a variant on the fizzbuzz concept, and as an exercise for learning JavaScript, HTML5, and CSS (I know none of them very well). The regular fizzbuzz is somewhat tired, but having a web-based, ...
6
votes
2answers
144 views

Multicolor bar legend

I've implemented a multicolored bar as shown in the image below. It is a bar that is placed above the legend of an HTML form. (Ignore the border radius for now.) I have accomplished this with a ...
1
vote
1answer
39 views

Can my responsive Nav be made simpler?

I've created a responsive nav but feel there's probably a more simpler way of doing it. HTML ...
2
votes
3answers
122 views

Hiding element based on content

I have a page that is part of a CMS and I cannot alter any existing HTML or CSS, but I can add additional custom JavaScript and CSS. There is some text on this page I want to hide and I found a ...
7
votes
2answers
62 views

Interdependent color swatch widgets

To illustrate some algorithmic problems I found while writing this code review, I needed to include a live demonstration, which I implemented using a Stack Snippet with Angular.js. The demonstration ...
5
votes
3answers
87 views

Responsive CSS, abbreviated content

I wonder if there is a "correct" way to display different content, based on the the state of responsive webdesign. Different in this case is meant as an abbreviated text to display instead of the full ...
4
votes
2answers
165 views

Calculator using PHP with logging to MySQL database

I have made a calculator in PHP and I need some feedback in terms of security and performance or any other general improvements. You can download a zip file with all the contents from this link if ...
4
votes
3answers
187 views

Simple image gallery

I have a simple gallery that hides and shows images. It works fine, however, I am not satisfied with my approach, and my code seems redundant. Can you check my code and give a better idea on how I can ...
12
votes
3answers
134 views

Website template for Cardshifter game

I'm putting together a template for easy formatting of content pages, to be used in putting together a website for an online trading card game. I've been using the Bootstrap library (and finding it ...
2
votes
1answer
45 views

First website written with SASS/SCSS

I figured this morning that I wanted to learn how to use SASS, so I decided to rewrite an existing project's CSS using SASS. The project itself isn't complete so this is just a rough draft of the ...
2
votes
1answer
101 views

First HTML/CSS site

My girlfriend and a friend started a Kiwanis club around here, so I figured it would be a good opportunity to try coding my first website. I'm pretty new to coding still and it's pretty basic, so I'm ...
6
votes
3answers
117 views

Make website design more elegant and have better compatibility

This is my very first website which is going to be published online. Along the way it's gonna be a complete website. Now, firstly, I am a very beginner in this field, and I want to be a good web ...
6
votes
1answer
57 views

Is my code tidy and structured?

I'm very new to coding and I've attempted to make my first website, however I feel as though I haven't coded it with a proper structure. Here is a jsFiddle of all my CSS and one html page from my ...
2
votes
1answer
60 views

Row and Column input picker

I've created a simple picker which is going to be used to select the number of rows and columns when constructing a table. Here's the example: http://jsfiddle.net/tnn3qgvj/8/ HTML ...
3
votes
1answer
83 views

Portfolio website

I'm making a portfolio website right now with Visual Studio 2013 and ASP.NET 3.5 because my free hosting only supports 3.5. Are there any bad practices in my code at the moment? What would you change ...
6
votes
1answer
147 views

Recreating the Google Homepage for The Odin Project

I am trying to recreate the Google homepage as part of a The Odin Project task. I had a hard time lining up the top right hand menu bar - should I have done it differently? Was the way I did it the ...
0
votes
1answer
54 views

Can the number of div elements be reduced in this design?

Is there a way to cut-off using "div" elements in my design or it is good enough? I use Boostrap CSS library. CSS: ...
3
votes
2answers
42 views

Targeting specific elements with CSS only

This code below works as needed, but I am not sure if there is a more elegant way with pure CSS. I have a table with two columns, and 4+ rows. I'll actually upload a picture. It's the first table in ...
4
votes
3answers
140 views

Form validation appears to be too rigid

A Stack Overflow coder said my code is too rigid and inflexible. Would someone critique my form validation code, and give some pointers on being more efficient? Code Logic: If the field has an ...
2
votes
1answer
66 views

jQuery and CSS3 slideshow

I have built a slideshow using jQuery and CSS3. jQuery is used to trigger class changes (.slide1, .slide2 ...) on the slide container (...
2
votes
1answer
334 views

Multiple jQuery hidden element toggles

I have a handful of images working as jQuery toggle switches - Showing or hiding an element on a click event. The code below mostly works as intended, but I'm fairly certain I'm using a lot of ...
5
votes
2answers
55 views

Creating elements with special corners

I've been given a task to create elements with some special corners, and those elements should be responsive. This works, but am I wondering if something better could come up. Less code to maintain. ...
10
votes
3answers
1k views

Efficiently generating HTML CSS table using Java

I am trying to generate an HTML table using Java. I have an object which I am iterating to make an HTML table. ...
2
votes
1answer
94 views

Showing a spinner over content - fade out some elements and disable clicking on some elements

I am displaying a loading spinner inside of various elements. There are four potential states an element could be in: Reduced opacity; unresponsive to pointer events. Reduced opacity; responsive to ...
1
vote
1answer
214 views

jQuery Widget - Progress Tracker

This is a follow up on JS Progress Bar Widget I've rewritten it as a jQuery Widget Factory widget, attempting to follow that standard as much possible and fixing the various problems pointed out in ...
1
vote
0answers
54 views

Vertical-align in Nested Column

Requirements: There is Two Column, The left column is fixed width The height of two Column should be the same. Left column contain a title (can be multi-line), and an Image (limit max width to left ...
5
votes
1answer
171 views

JS Progress Bar Widget

Demo of the widget: http://jsfiddle.net/slicedtoad/Lywvbsf4/ It's a progress bar that shows a list of steps and which one is being completed as well as allowing previous steps to be revisited. It ...
7
votes
3answers
282 views

Lazily Load CSS and JS

I have written this piece of JS and CSS loading code and I would like some advice on it. Anything some of the JavaScript gurus could possibly point out would be much appreciated. The code works, but I ...
3
votes
1answer
852 views

Developing an alert notification in AngularJS

I'm studying Angular and want to develop my own notification alert. This is what I done, I like it and it's working like a charm but I think that it can be improved: Do I need to use it in ...
3
votes
2answers
182 views

Swap images on click with specified image

I am new to jQuery and needed a solution for the following problem: There are 3 images in a row and when the user clicks on one of them all three pictures are hiding and instead another image shows ...
1
vote
0answers
60 views

Stylish range input, Google Chrome only

I have an input[type=range] element which is customized using CSS to look more modern. I'm unhappy with my CSS because of the need to use ...
14
votes
3answers
397 views

Stylish underline when input is focused, modern browsers only

I've got a text input element which is decorated with an underline. The underline goes up half the height of the input on either side of it and turns blue when the input is focused. It's similar to ...
1
vote
0answers
72 views

Bootstrap CSS Container Layout

I've always been used to write my own CSS but I decided to give a go to twitter-bootstrap and I want to make sure I'm not using more HTML containers that I need to: This is my code for a single ...
5
votes
3answers
645 views

Most basic HTML website - naming and CSS rules

I'm trying to accomplish something very simple as seen here. HTML ...