css

Change the numbering on an ordered list?

You can change the number at which an ordered list starts like this: <ol start="3"> <li>item three</li> <li>item four</li> </ol> ...but is there a way to make list items have arbitrary numbers, not just consecutive numbering? <ol> <li>item two</li> <li>item six</li> <li>item nine</li> </ol> The only way I can se...

header overlapping the content

I have placed an absolutely positioned element (header) after relatively positioned element (body content). Due to some reason and this works fine in all the browsers except IE8. The header is overlapping the content element with not positioned at its absolute position. The css rules I have used: #bodyContent{ clear: both; displ...

How to manage css files the best way

Hi, one question about performance. I have an webproject with different css files in the moment (uncompressed). Every page is including the needed files. Iam thinking about putting all style definitions in one file, compress it, and put in central in the header. What makes a better performance ? on file compressed (every page loads al...

align text center with css

I've got question related to center the page using div#container Typically the container code is like this: div#container { margin-left: auto; margin-right: auto; width: 50em; } The container div tag wrap the part of the code that I would like to align center inside it. For example we have 2 object A and object B _object A is positio...

where can i find more information regarding compass/blueprint ( other than their github wiki )

I want to learn more about css frameworks. I want to get all the resources related to sass/compass/blueprint. Are there any css frameworks i am missing? ...

Make glowing effect around the text box while active

Hi friends, Make glowing effect around the text box while placing the cursor inside the textbox. For example : just place the cursor inside the search textbox in our stackoverflow.com. Its because of css, but i dont know how to achieve it.. Please help me. ...

Must be a simple mistake I'm making: Flex CSS style not working in a trival case

I must be making a simple mistake (new to Flex). Here is main.mxml: <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="#ff0000"> <mx:Style source="/testing123.css"/> <mx:Canvas top="0" bottom="0" left="0" right="0" styleName="bg-lowl...

How to position a line below a group of tags?

I am trying to position a horizontal line under a group of tags on an app done on asp.net mvc. I believe I have to do that on the CSS but I just can't seem to find the right way to place such line. Every time I try, the line ends up at the right of the tags and I don't feel like using a whole bunch of is the right way by far. <div id=...

Creating the Hidden Image in JavaScript

How to disable the image display for <img src =a.gif > tag ...

How can I build a tutorial for my web site that is as good as a video games tutorial?

I was just playing "Restaurant Empire 2" and it has a pretty complex interface for a video game in which you are basically running a restaurant with tons of sub-menus and complex controls. That video game is more complex than 99% of websites I've seen and used and is probably as complex as most of the software a person running a real re...

Why do the <p> and <h1> elements cause gaps in my layout?

If I have the following html: <body> <div id="mainTop"> </div> <div id="main"> <h2> <%= Html.Encode(ViewData["Message"]) %></h2> <p> To learn more about ASP.NET MVC visit http://asp.net/mvc&lt;/a&gt;. </p> </div> <div id="mainBottom"> </div> </body>...

Should a web developer use CSS 3 when IE6 has 15% of market share?

Everything is in the title : Should a web developer use CSS3 when IE6 has still near 15% of market share? CSS3 has some impressive features that will make everything better. If you don't know about it, look up the latest smashing magazine post regarding the subject. The issue is that almost all these new features are not supported by IE...

Hide div in style - and show it in JQuery?

I am trying to hide a div until document is ready - and then display it. This is what I am trying to do: <div id='initiallyhidden' style='visibility:hidden'>I am a secret - kinda!</div> <script> $(document).ready(function() { $("#initiallyhidden").show(); }); </script> How can I make this work? ...

Load Content On Tab Open Using Spry

Is it possible to load the content of a Spry tab when the tab is opened, rather than load all the content of all the tabs in the beginning? I would prefer accomplishing this without the use of an iframe. ...

jQuery: how to remove an embedded style from an element?

I have a tab container using <li> as the tab definition (common practice). The <li> has a style associated with it in the style.css file. This has a background color and a background image. Now, each container below the tabs that contain <li> in the content will have the style sheet definition (background image and color). How do I ov...

JQuery: IE Styling Error/Bug on Select attr() change

Hi Guys, Ive got a problem with IE which is fine in FF, Chrome etc... I have for example a 2 column layout of which for debugging ive emptied the left hand side one. The right hand side has a long list of results in a table with sortable options above it. In this sortable options section is a select box which has options dynamically g...

shrink width of select, multiple box

One of the items in the multiple select box is much longer than the others, is there a way to hack it to make the width of it smaller <select size="1"> <option>item</option> <option>item</option> <option>item is really long</option> <option>item</option> </select> ...

CSS Layout that uses 100% height

Guys, I have a CSS Layout that I am using that has a header, footer and a sidebar on the left. It works great, but the only problem is, I would like the sidebar and the footer to extend to the bottom of the screen if there is not enough content to fill the main content. How do I do this in CSS? I have posted the css here so you can see w...

correct way to align a nested div?

Hi .. Can anyone tell me the best way to position a nested div over the current div.. basically got 2 divs ... outer and inner.. the inner needs to be 20 pixels in and 20 pixels down form the current.. I have <div> <div> </div> </div> I tried setting the inner div to relative and top 20px and left 20px and it seemed...

document.execCommand ..SaveAs issue with hidden elements.,

document.execCommand('SaveAs', false,'fileName' + ".txt"); I am trying to save the page in a file by using the above command in javascript. Issue: I have some hidden elements on the page..CSS Style [display:none], So when I try to save the pages content using the above command, it writes the hidden elements contents as well. Any ideas...