css

Is it necessary to have selector's name in same case in css and html?

Is it necessary to have selector's name in same case in css and html? is it ok ? <div id="HEADER"> </div> #header{...} or this is necessary? <div id="HEADER"> </div> #HEADER{...} ...

Formatting for displaying source code on a web page

I'm working on a Markdown command line program, and I'd like to format source code blocks in the html output a bit better than a simple <pre><code>....</code></pre>. My criteria are: I want line numbers shown in front of each line I want the code by itself to be selectable so that I can copy only the code (and not the line numbers) to...

is font/text sizing in % more accessible and manageble than em ?

Both article are proving this. http://www.kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/ http://www.maxdesign.com.au/presentation/relative/ I want to know SO users view? ...

Android Webapp hide scrollbar?

Hello, is there a way (through javascript/jquery/css) to hide the scrollbar in android's web browser? Can't seem to find any valid info online and things that work for Google Chrome (webkit engine, as well) don't seem to work for the Android's browser. Thanks bunches ...

Forcing div height with CSS

I have a test three-column page up ( http://hussain.mooo.com ). However, the left and right columns refuse to stretch to the bottom of the page. The XHTML and CSS is valid, I'm using Firefox, and they're all inside a wrapper div. Any help? Thanks in advance. ...

How to enable html content on top of flash content without using the "transparent" wmode parameter or how to optimize framerate when using the "transparent" wmode parameter for a flash object?

I'm developing a Flash application which is communicating with Javascript to allow more features such as custom html input etc., by placing an absolute positioned div on top of the flash application and controlling it's position etc. with Flash & Javascript. Because these html elements have to appear above the flash content, I figured ...

Why is Firefox displaying my page differently?

So the problem is: I have three column layout page. On the right side there is a commercial that I want to be able to turn off on a certain pages so the content expans and the page has two columns instead of three. I found a solution using display: table-cell. That works in the biggest browsers but a strange problem occurs only in fire...

What are the differences between em and % in terms of text resizing and for fixed width site? Is em more hyped than %?

What are the differences between em and % in terms of text resizing and for fixed width site? If I'm using em or % only for text sizing in a fixed width site and body is set as {body:font-size:100%} and what is these best practice to use in css for text sizing for fixed width in terms of accessibility and mobile device friendlies? ...

ASP.NET - getting a form's fields to line up with CSS.

Hi, I'm trying to learn how to line up fields of a form using CSS instead of tables. I'm having a hard time with a CheckBox control. Here's the code: <html xmlns="http://www.w3.org/1999/xhtml" > <label for="CheckBox1">CheckBox</label> <asp:CheckBox ID="CheckBox1" runat="server" /> <br /> <label for="TextBox1">Te...

How many and which values can/should be unitless in CSS

I know two margin {0 auto} line-height: 1.5; is there any other? ...

Is it possible to achieve paper-turn effect in HTML without using flash?

Hi, I'm aware of several flash-based commercial implementation like flashpageflip. But I'm wondering if it possible to achieve without using flash? Any help will be much appreciated. Thank you. Agung Indrawan. ...

Is the use of relative values in font sizing for accessibility still useful in general, or only for IE6?

All other browsers (not IE6) are scaling the size of the whole layout in px. So what's the purpose to use em and % if we are not thinking about IE6? ...

Text is scaling on IE6 even without % and em from View > Text resize function of IE6? see example?

Text is scaling on IE6 even without % and em from View > Text resize function of IE6? but on this page http://jitendravyas.com/ nothing is specified in % and em but text is scaling with - View > Text resize function of IE6? Why? Does IE 6support text resizing? ...

What are cross-browser, cross platefom web safe fonts?

How to make cross browser, cross platform and all devices compatible css font stack? ...

100% div height

Hie Everyone I am designing a webpage with a fluid layout. I want to keep a 100% width and a 100% height. The problem is i dont know how to keep divs "left" and "right" with a 100% height inside their parent div, "wrapper". <div id="container" style="width:100%; height:100%"> <div id="header" style="width:100%; height:100px"> ...

CSS - Margins a bad thing?

Hi, I've noticed that some browsers have trouble with margins, especially when an element is floated. For example, this website I'm doing looks fine in Firefox, but IE7 screws up the margins completely it seems. I also testet it on several Linux browsers as well and some of the make similar mistakes. The site is http://w3box.com/mat T...

How to size this text with css?

I am having some trouble with a font size with CSS. Below you see I have .post I have < pre > tags that are nested inside of the post class so should the css I have for the pre tags work below? It is not working but I can't figure out why? The text inside my pre tags end up being 15px instead of 12px .post { width: 100%; cle...

Common Web UI Styles

I have to present a prototype of an web app in the following days to one of my clients, the thing is I'm not so good at CSS and worst of all I'm almost never happy with the results I get. Coding the business logic poses no challenge to me, the UI design however takes more than 80% of my time. I don't need nothing breathtaking, just a cl...

jQuery drag element into sortable list that has initial state as hidden...

I can't seem to drag an element into sortable list that has initial state as hidden (ie. display:none). Each row's html looks like this: <div class="dragbox" id="item1" > <h2>Expression 1<span id="exp1"></span></h2> <div class="dragbox-content" > <ul class="dragrow1"></ul> <ul class="dragrow2"></ul> </div> </div> But in...

Second linked stylesheet has no effect

I'm having problems linking a second stylesheet to my HTML document, and cannot find the (hopefully painfully obvious) problem. I'm linking stylesheets in the head thus: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; <html> <head> <link rel="stylesheet" href="assets/css/global.css" typ...