css

Best Practices: CSS or Themes in ASP.NET?

When should I use ASP.NET Themes, and when should I use CSS? What are the advantages or disadvantages of using one over the other? ...

HTML CSS Layout question to emulate a pagebreak

I'm trying to generate some CSS class that will help me define a "page break." I know that if I use @media:print .MyDiv{ width:100%; height:100%; } I can then define a DIV of class MyDiv and it will be -- as best as possible -- 1 page of print. This is great. But I have encountered a new item that I don't know how to handle, and I'm ho...

Image with rollovers

Hi, I have a big image that has to go in the background. Say the image is a square. Now when someone does a mouseover on any of the square's corners, the image should change to the green version of the image. Actually the background image is going to remain, but I have to somehow overlay the green image slice over the background im...

How can you measure the space that a text will take in Javascript?

In Javascript, I have a certain string, and I would like to somehow measure how much space (in pixels) it will take within a certain element. Basically what I have is an element that will float above everything else (like a tooltip), and I need to set its width manually through Javascript, so it will adjust to the text inside. I can't h...

is there a website that compiles css knowledge?

I'm thinking of getting into the web designing business . I am aware that I will bump into a lot of CSS headaches , and I'm certain people have bumped into them long before I did . Is there a website I could check for solutions to common problems (e.g:aligning an image like this doesn't show up in IE)? Something like a cookbook would be ...

Best work around for the broken box model in IE6 w/ respect to padding?

I have noticed that both IE6 and IE7 push the parent div down when an element inside has padding-bottom ... what is the best fix for this? Is it possible to fix this with valid css? EDIT The solution I used was to set overflow: auto in the child element (as mentioned below in the accepted answer). I went with this approach because my...

Delay text from displaying and fading in the background-color

I want to fade in text when loading a page, w/ the background-color slowly fading in as well. <div id="alert-box"> <p>This is the alert box, this message will display 5 seconds after page is loaded, with the background-color fading in.</p> </div> Here is what I have for the jQuery for now: $(document.body).click(function () { $...

delaying the loading of a certain css background image

in a CSS like this : ... #big-menu { background: #fff url(../images/big-menu.jpg) no-repeat; } #some-menu { background: #fff url(../images/some-menu.jpg) no-repeat; } #some-other-menu { background: #fff url(../images/some-other-menu.jpg) no-repeat; } ... is there a way to delay the loading of #big-menu's background image, ...

Are CSS Frameworks Really Worth Using?

Is there anything that CSS Frameworks give that its not easy to make yourself? ...

What is a good CSS editor?

I would like to find a CSS editor that also offers code highlighting, syntax checking and code intelligence. I am currently using Notepad ++ which features code highlighting. I know that visual studio has these features, but it seems like overkill for editing CSS files. Do you know of any other good CSS editors? Preferably one that run...

Facebook like status div

I'm looking for a footer like facebook has but only use CSS to style it no js. As you can see here http://dl.getdropbox.com/u/5910/Jing/2009-02-03_1256.png it always stays at the bottom even if I scroll down. http://dl.getdropbox.com/u/5910/Jing/2009-02-03_1258.png ...

How do I add a class to a given element?

Hi, I have a element that already has a class: <div class="someclass"> <img ... id="image1" name="image1" /> </div> Now I want to create a javascript function that will add a class to the div (not replace, but add). How can I do that? ...

Does IE print [table]header and footer properly (css settings)?

I need to prepare print css style for some page. It's possible to have footer on every printed page? I tried the code, I've found on the web: display:block;position:fixed; bottom:0px; but it works only in Firefox. I can try to fix it with table, but in Q. here: CSS: Repeat table headers in print mode is info, that it doesn't work ...

CSS: When using float:left to keep my content anchored to my menu by its left side, the menu dissapears in IE

I have a menu of links on the left, and content in the middle. If the content is longer than the links, it will wrap below them instead of staying neatly to the right. Adding float:left to my content div fixes this, except in IE, where it causes the menu (and the footer) to disappear entirely. I need to either fix the problem with floa...

Make a div fill the space

Hi, I'd like to put two columns on the side of the content div. The part I have problems with is that I want the columns being built from 3 parts. The top and bottom should have fixed heights, but the middle one would adjust depending on the content height. Look at the sample with one column: <html><head> <style> * { border: 1px solid ...

CSS UL Menu in IE 6

I apologize for the headline, I don't really know a better way of putting it (let me know if you have a better way, I will change it). Please consider the following code: <html> <head> <title>IE 6 Menu Test</title> <style type="text/css"> .nMenu { border:1px solid black; } .nMenu ul { margin: 0; padding: 0; ...

Single image file to store all the little images on a page

In one of the recent Stackoverflow podcasts, Jeff talked about having a single image file having all of those tiny images that are all over a page and then cutting it with CSS so that all the images get displayed correctly. The whole point is to reduce the number of server requests so that the page gets loaded faster. I was like "wow, th...

How to organize minification and packaging of css and js files to speed up website?

I am doing speed optimization for my website application. And I found some practises to do that. For example Best Practices for Speeding Up Your Web Site from Yahoo. Among them are: Minify JavaScript and CSS. Minimize number of HTTP Requests by combining several files (css, js) into one. My question is what infrastructure, tools and ...

CSS Same size List Items for horizontal navbar

Hi All, Trying to learn a bit of CSS and I want a horizontal navbar and I am using ul and li to build it. I would like all the 'buttons' to have the same width, is that possible with just CSS? Thanks ...

Circle image overlays

I have a image in the shape of a Circle. The circle is broken into 3 equal parts. I have an image with the entire circle. I have 3 other images, each only a piece of the circle but in the color green. I have to do the following: Display the original circle image. Have a 3 buttons on the screen, each button is linked to the 3 parts ...