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
26 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
88 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
105 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
104 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
4k 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
520 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
161 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
141 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
793 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
161 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
2answers
155 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
2answers
307 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
374 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
930 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
1answer
65 views

SEO and the use of ellipsis CSS property

I have a Q&A service and in every question details page, there is a section named "related questions". Every question in there has the title and the initial lines of the answer. We are limiting ...
3
votes
0answers
68 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
209 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
126 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
181 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
268 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
144 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
544 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
545 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
134 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
368 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
1k views

Load custom CSS through browser to site being viewed?

Is there a way I can load a CSS stylesheet to a site I'm viewing in a browser? I'm working on my company website. For obvious reasons I don't want to make changes to the live version of the site ...
2
votes
2answers
418 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
136 views

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

How can I get this effect (lines in an input)?
2
votes
2answers
193 views

Two duplicated <h1> tags and one hidden

Is that bad for SEO? <h1 class="responsive-hidden">This is my title</h1> <h1 class="hidden responsive-show">This is my title</h1>
2
votes
2answers
616 views

Buttons in pure CSS3 or use image sprite

I want to know if it would be better to make an image for the buttons that I use, or can I get away with pure CSS. Ill give you the code. html: <ul id="buttons-dev"> <li ...
2
votes
1answer
314 views

Why my site automatically scroll down?

Every time when I open the site it to scroll down. About 1500 pixels down. The most interesting - I have not changed anything and before this problem was not. MODx Evo 1.0.5 ...
2
votes
4answers
582 views

Should I jump straight into HTML 5 and CSS 3 from minimum knowledge of HTML?

I first learned HTML a long time ago, from the Visual Quickstart guide in 1999, HTML 4 for the World Wide Web. Though I have a grasp of fundamental concepts of HTML, my knowledge of CSS is woefully ...
2
votes
4answers
4k views

Good free CSS Sprite for icons

I am working on a small project where I need some of the basic icons: edit, favorite, delete. You know them. Now i can download them all seperate, and put them together in a sprite, but I was ...
2
votes
1answer
121 views

How is style of tags at math.stackexchange done?

I like the style of tags at math.stackexchange.com. In fact, I'd like to create something similar and I was wondering how are they styled. First of all, I've launched Firebug and was trying to ...