css

css overflow / inline elements

Hi :) When you put an inline list of items in a div with a fixed width and set overflow to hidden, the elements stack vertically. Anyone have any css hacks to get them to remain inline while hidden. Possibly using overflow:hidden without a width? Thank you in advance! ...

Using Layers (z-index) without leaving empty space

Hello, I want to put <div> above a flash object. I managed to do so but the problem is that now I have an empty space where the div was. I gave the div position relative and left & top values. Is it possible to move objects with z-index without leaving a mark somwhere in the page(taking space and leave blank area)?? Thanks ...

How can I add the "--watch" flag to this TextMate snippet?

I love TextMate as my editor for all things web, and so I'd like to use a snippet to use it with style.less files to automatically take advantage of the .less way of compiling .css files on the fly using the native $ lessc {filepath} --watch as suggested in the less documentation (link) My (thanks to someone who wrote the LESS TM Bun...

A confusing problem with IE7 and styles being applied

For the life of me, I can not figure out why some styles are not being applied to an unordered list. If you view this site: http://www.alclawyers.com.au/ in Firefox, you will notice there are circles down the bottom of the text that can be clicked to shift to different panels of content. Now, when you visit the same site in IE7, none o...

Counter measure if/when external CSS file is not loaded when the page did.

Due to network or some other reasons, some sites do not have their css files loaded and you will see unformatted/un-layout-ed ugly page. It happened to pages I did before also. Kind of beyond control from a developer/design point of view. I'm thinking of something like this place at the top of the page and obvious: /*.... header and s...

check if css class exists in the stylesheet file in code behind.

I control styles for a set of pages in a common utility method. What i would like to do is check the .css file to see if a css class exists; if it does then pick it, else pick the default. say PageA.aspx and PageB.aspx both use styles.css that contains .default{...} if i wanted PageA.aspx to be styled differently, i would just add anoth...

How to position div vertically using YUI grids?

Hi, I am using YUI grids for layout design. I want to position col3 vertically, and make it always stick to the bottom of the page. How to do that? I cannot find any online documentation about vertical positioning in YUI grids. Hope someone can shed some light on this :) ...

Fix broken <a> decoration with multiple spans

So, i have <a href="#">R<span class="superscript">5</span></a> and the underline for my anchor is broken (meaning the underline for the R is at the baseline, and the underline for the 5 is in the middle of the R -- because the 5 is small), which i don't want. How do i get the anchor underline to be one unbroken line under both the R a...

Shortcut for uncommenting CSS in VS 2008?

I used the macro mentioned in this question to comment a text selection in the CSS editor in VS 2008. I am looking for another macro which uncomments comments. ...

Change CSS class of an element on runtime

Inside a repeater's ItemTemplate there is a: <tr class="class1"> </tr> I want this class to be changed to "class2" according to a valu that is bounded to this repeater, Eval("Locked"). If locked==true class="class1" else class="class2", how can I do it in simple way? (in code behind it's to complex) ...

How to reduce css http requests?

How to reduce css http requests? 1 large css file or one css file which importing all other css is this same? What is the benefit of using this @import url('/css/typography.css'); @import url('/css/layout.css'); @import url('/css/color.css'); ...

Best Practice for Label-Input layout in ASP.NET

What is the generally most accepted way of grouping labels and inputs? Currently I am placing each pair in a div, but previously I have also placed each pair in a <p>. Are there better ways? ...

Scrolling Cell in a 100% height TABLE

I'm sorry if this was already answered, but it's kind of difficult to search for something with "100% height". My problem is that I need 100% height table layout because of automatic cell resizing done by browser, which I don't want to script myself for obvious reasons. It differs from other "100% problems", in that I need some cells t...

Wrap Text inside fixed Div with css or javascript ?

Hi, I have tinymce editor(textarea) and one div. Whenever i type inside the text editor, it shows at the preview div which is (200px) in real time which is looks alike stackoverflow preview. What I want to achieve is, if we type one words without space and if exceed 200px, I want to wrap it to the next line. I tried to find it and I...

div height problem in ie6

i'm using a empty div to display a line by setting height 3px. it works fine in all browsers but in ie6 the height div displayed with 20px height. It remains same even for height:0px . But changes in other properties reflects but not height and there is no duplicate css entry and inherited value from other div. Can any one help please <...

Is a "CSS Reset" necessary for cross-browser CSS?

I've been trying to come up with a decent cross-browser CSS framework for my next project, because my last one had a whole bunch of PHP/CSS hacks (horrible things like class="blah<?=isIe()?>"). I'd like to do it "right". I've looked at this question, which did not get a lot of interest, so I'd like to narrow this down: is a CSS reset nec...

Vitual Studio Design view working asp.net with CSS

I using an external CSS to control the display of my controls. and It looks messy when I am viewing the page in th Design View of VS2008. So whenever i change a value in my CSS, instead of examining it in design view, i am forced to run the web page, launch my browser just in order to view the changes I made. ...

Why does Amazon put their CSS in the Head tag?

Okay, what is Amazon doing? They put all their CSS definitions in the <head> tag? I can see the purpose of saving requests, but it doesn't seem very dynamic to me. Any ideas? ...

Controls bleeding within iframe on scroll in IE6

I have content in an iframe, and when I scroll the main page (outside of the iframe), I get weird artifacts inside of the iframe, from the select and flash controls, in IE6. How it should look (and does look in IE6 before scrolling the outer page): How it looks after scrolling the outer page in IE6: It works fine in other browsers...

Float and Height

Hi, I have a div named footerWrap, which contains 3 unordered lists. I floated left, all the unordered lists. My intention was to make the footerWrap grow in height according to the height of the unordered lists. However... in all browsers (exept IE6) the unordered lists pass over the div... like they had z-index atribute! I tried to ...