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

learn more… | top users | synonyms (4)

3
votes
2answers
382 views

How is fluid theme's impact on rendering performance?

I am new to responsive design and now re-making a template to make it more responsive. This involves redefining many fixed width and fonts as context-dependent percentage (% or em) instead of pixels ...
3
votes
3answers
234 views

Element Css color changing that allows robust cycling through colors for comparison

I frequently find myself testing out new colors for elements (finding that one doesn't work with the rest of the color scheme). Unfortunately, the process when using even firebug or google chrome is ...
3
votes
3answers
131 views

Could link decoration be considered deceptive?

A discussion in the warrior-forum made me wonder if google might perceive link decoration as an attempt to deceive the visitors.. The issue being if you style your links to show like normal text. ...
3
votes
2answers
2k views

How to overcome eBay CSS limits for auctions' pages?

On eBay you can code the content of a <div> on the auction's page. The problem is that you can't edit the <head> content. I tried using inside the <div> something like this: ...
3
votes
1answer
21 views

Thoughts on situating a mobile-only conversion form?

I have a Drupal 7 site. In desktop display, the site contains a sidebar contact form and in most mobile displays, this form goes down below the webpages and buffering between them and the footer ...
3
votes
1answer
30 views

How do browsers handle multiple font-faces, when their source is the same?

I know that using multiple different fonts with font-face has a considerable performance implication if the website is already resource extensive, particularly on mobile (although less so, now that ...
3
votes
2answers
75 views

What units to use in responsive design?

So I am really at loss which units to adopt when developing responsive layouts. Some say use viewport units. Other people say use rem. Other say use media queries and pixel ratio. So what unit is the ...
3
votes
1answer
141 views

How does the Media Query apply to smartphone resolutions?

With the launch of new iPhone 6 Plus with a resolution of 1920x1080 px, it got me thinking how is this resolution different from the screen widths we UI developers define in our CSS in media-query ...
3
votes
1answer
129 views

How can I customize the Apache licence for my template design?

I have a template with the following license: /*! * name of original creator - name of theme (originalcreator.com) * Code licensed under the Apache License v2.0. * For details, see ...
3
votes
1answer
105 views

Tips for developing a responsive website [closed]

I'm having problems trying to figure out a good workflow when designing a responsive website. I've tried a few approaches, nowadays what I'm doing is: Do all html and css work with the window ...
3
votes
3answers
5k views

How can you identify duplicate CSS rules?

I'm not talking about used/unused here. I have two stylesheets and some rules differ (either in selectors, rules or both) and some are exactly the same. So I'm looking for a way to extract and move ...
3
votes
2answers
584 views

Print friendly version best practice

I am currently recoding a website from tables to modern html/css and have several 100 pages to go over. The problem is, each page has its own print version in another file, also with tables. Would ...
3
votes
1answer
1k views

How do I make a gradient overlay transparent?

The site I'm working on has three layers (from the bottom): a tiled background image, a simple top-to-bottom gradient, and the actual content window on top. I am trying to change the opacity of the ...
3
votes
1answer
162 views

Adaptive websites - considered keyword stuffing by Googlebot?

I work on a SEO-dependent content website, and we are in the process of making our site adaptive/responsive. More technically, we are using CSS media queries to apply different CSS styles as the size ...
3
votes
1answer
145 views

JS and CSS caching issue: possibly .htaccess related

I've been using the HTML5 Boilerplate for some web projects for a while now and have noticed the following issue cropping up on some sites. My CSS and JS files, when loaded by the browser, are being ...
3
votes
1answer
317 views

Automated image/css sprite generation from website DOM

I know there are plenty of online tools which let's you upload your images there and it generates the appropriate CSS/sprite(s) to be used with them on your page. Is there any such website/tool ...
3
votes
1answer
160 views

Problem with browser caching images

I'm sure many site admins must deal with this sort of problem all the time, but I don't have a really good and simple solution myself. It is what happens when you overwrite an existing image on the ...
3
votes
1answer
803 views

What's the pro/cons of Adobe TypeKit API? Any best practices?

With all the Open Source fonts I have available, and I can download them via the CSS font directive, what's the benefit of the TypeKit API? Are there drawbacks of this? How does it work technically? ...
3
votes
3answers
162 views

div collapsing over repositioned element

I want a list of rows that have the following look to them: +------------------------#main-----------------------+ | | | ...
3
votes
1answer
10k views

Making a div wrap around the content

I have a div but it fits to the borders of the container instead of wrapping around the text. I tried float:left but it will push it to the side and there's no way to make it go to the center. Help? ...
3
votes
1answer
36 views

Is scroll bar included in the browser viewport width?

Wondering for CSS purposes if the scroll bar is included in the viewport width? Specifically I'm thinking about calculating the sizes for img srcset. For example, would I need to account for it by ...
3
votes
2answers
186 views

Internal server error when using base64 encoded icon on the home page

I have an "index.html" (or .php - it makes no difference) file in the root / of my hosting space. That "index.html" file has this line of code in it: <link rel="icon" ...
3
votes
1answer
2k views

What is the maximum safe line length in css files?

YUI Compressor and other minifiers tend to remove unnecessary whitespaces, causing long lines. Safari 5 seems to fail rendering some rules from the css files when the file has more than 5000 ...
3
votes
2answers
314 views

Implementing inline editing for a web order form without using Javascript

As the title states, I'm trying to find a good solution to implement inline editing for a web order form with just HTML/CSS. The only mediocre solution I have right now is this -> ...
3
votes
1answer
2k views

CSS framework that support Internet Explorer 6, 8 out of the box

I am developing a new web application that must support Internet Explorer 6 and 8 (it's a strict requirements). I planned to use a CSS framework (like Twitter Bootstrap). However, it did not support ...
3
votes
1answer
377 views

Collapsible menu and amount of links in a web page

One of my pages contain three levels of a collapsible menu (JS + CSS from mycssmenu.com). There are a dozen first level items displayed to users, each one with various second level items, and finally ...
3
votes
2answers
988 views

How to force browsers to always reload xslt files?

Related: Apache: How can I force the browser to reload CSS files? I'm building an xml page (on an apache2) that is supposed to be translated to xhtml by the browser, so my server also serves a ...
3
votes
2answers
1k views

Should I change from reset.css to normalize.css

I have been using css reset for quite a while now in different project, and I am quite pleased with it, always get good results. One thing that always bothered me was that I needed to overwrite a lot ...
3
votes
2answers
2k views

Apache2 virtual host localhost doesn't render CSS when offline because of absolute path

I'm running apache2 on a local server. I use no-ip.com to route DNS to that server through my cable modem. While disconnected from the web and working on localhost my web pages don't render the CSS ...
3
votes
2answers
34 views

Stylesheet switches increase loadtime?

I am using stylesheet switcher which uses a number of alternate stylesheets for the media="screen" and switches to those styles when instructed by the user. But in the web page I have to use several ...
3
votes
0answers
69 views

What is this modern look called and what is the template used for it? [closed]

I haven't been paying attention to modern websites for a while, but in the few years or so a bunch of websites with the same, very smooth, very sleek presentation format have appeared. Some examples: ...
3
votes
0answers
206 views

CSS rounded corners around image [closed]

I have tried several ways to get rounded corners around images without success. The best I got was using the image as background and applying the round corners style to the div as in this picture. ...
2
votes
4answers
213 views

Where can I find resources for best coding practices in web development?

You'd figure that this would be an easy topic to google, but unfortunately I've been looking for a couple weeks and have yet to find really anything that I'm looking for. The problems I'm running ...
2
votes
6answers
127 views

Any tool for image to CSS?

I have an image (not gradient) color, I tried to identify the color code but not possible. Is there any tool to convert image to css or css color code?
2
votes
4answers
188 views

Splitting big CSS file into parts for quicker loading

So I have a relatively big CSS file. I thought about doing the following, splitting it to 3 parts: 1st part will have the main selectors that are needed to run on the main page that gets the biggest ...
2
votes
2answers
271 views

Is LESS ready for use in a production site?

I'm considering using the Twitter Bootstrap HTML/CSS templates which use Less (a sort of scripting language for CSS) I've never used it so I was wondering if it's ready for "prime time".
2
votes
2answers
160 views

How are hexadecimal color codes added together to produce a color in HTML?

I know that web colors use RGB color model in which red, green, and blue colors are ADDED together in various ways to reproduce a broad array of colors. Now, suppose I have a color: #800080 (which is ...
2
votes
2answers
564 views

Use of rare fonts on the web

I have just been peeking at the source code of a web page. I notice that there is a CSS rule that defines what seems to be a rare font for some nice-looking subheadings. Html (Source file) ...
2
votes
3answers
572 views

Website has “lagging” effect. Causes? Tips and tricks to fix?

So I have this site here which has major performance issues. Scrolling is very slow, hover effects have a bit of lag and other similar issue. Unfortunately right now I am working off a cheap host so I ...
2
votes
1answer
133 views

Why don't people embed style and scripts in the HTML?

I know this sounds like a silly question, but hear me out. These days, there are a lot of 'media aggregator' tools that will take your globs of javascript (laden with coffee and underscores and ...
2
votes
3answers
1k views

CSS sprite, what html tag to use

I am thinking to switch to CSS Sprite for my images. The main problem is I need something compatible with alt attribute. (Seo-purpouse) What Can I use? The first think I thought was to use a standard ...
2
votes
2answers
1k views

How to get browsers to only download CSS/Javascript when it changes?

I had an epiphany earlier when reading codinghorror. On a content website (blog/forum/website) the basic things rarely change if at all. So I was wondering if there was a way to cache them and only ...
2
votes
4answers
135 views

File Specific CSS. Inside HTML doc or as a seperate file?

What is the preferred method for organizing CSS that is only used by a single HTML page. Should I put the CSS in: a section in the HTML doc? a CSS file associated with the HTML doc? eg: ...
2
votes
2answers
103 views

Since when is layering possible in Websites?

I'm asking because I remember a time when it wasn't possible to create a div box on another one, and I was wondering when was it introduced. It's probably a matter of CSS version, isn't it?
2
votes
2answers
370 views

Personal Web Page

I recently got a domain and am considering hosting a personal web page. I did some research and narrowed my options down to either Google AppEngine or GitHub pages to host my website. The website is ...
2
votes
2answers
419 views

Curious CSS: “font-family: restore-n8;”

Found some curious CSS in the source for http://contrastrebellion.com/: font-family: restore-n8, restore-1, restore-2, sans-serif; Restore-n8 and the like don't seem to be font names. What does ...
2
votes
2answers
105 views

Clearing floats? Or something else?

I'm working on this website for my dad: http://smartcampusdeals.com/TendonAiD/index3.html and the three columns (with the stick cartoony people) extend past the container. Right now, I have the ...
2
votes
3answers
7k views

How to show a preview thumbnail on Facebook of a imageless website?

I have recently designed a website with no img tags, only one big fat CSS sprite with everything in it. Though, when I try to publish that website on Facebook, it won't show a preview thumbnail — ...
2
votes
4answers
2k views

Why do characters display funny in <input type=“password”>?

I have the following HTML and css <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> #test { font-family:helvetica; color:#000; font-size:10px; } ...
2
votes
1answer
137 views

How can I get this effect (lines in an input)?

How can I get this effect (lines in an input)?