css

Browser Caching in ASP.NET application

Any suggestions on how to do browser caching within a asp.net application. I've found some different methods online but wasn't sure what would be the best. Specifically, I would like to cache my CSS and JS files. They do change, however, it is usually once a month at the most. ...

UL LI CSS problem in IE 8

I have the following problem, where an LI item in the list appears to be moved from the rest of the LI items: Has anyone faced a similar issue? Any solutions/hacks that worked? ...

How can I change the paragraph formatting in the SharePoint RichHtmlField

In SharePoint we have the the richhtmlfield that allows the user to edit the html content of the page. How can I change the css that is applied when they select H1, H2, Normal etc. from the paragraph formatting button? I would also like to change the css applied to the tables added to the richhtmlfield, is this possible? All the best ...

HTML/CSS Outline numbering

In html/css can I achieve this? 1. 1.1 1.2 2. 2.1 2.2 using LI and UL tags? ...

Applying Style to last li in a ul with CSS / Jquery

Given the following HTML: <ul> <li><div>Some content</div></li> <li><div>some more content</div></li> <li><div>final content</div></li> </ul> I would like to apply a top border around each div. On the last div I would like to put a bottom border. I am targeting IE7/8. I have the top border working fine, I need help getting th...

Disable Trinidad's automatic addition of stylesheets

Does anyone knows how to completely disable skinning support in Apache Trinidad? All I need from the solution is to skip sending trinidad-specific CSSes all together. I'm trying to overcome some CSS issues arising from theirs styles (like the one adding 8px top margin on IE with the absolutely highest priority). ...

How to position a liquid/elastic textbox next to a button?

I want to position a textbox and a button next to each other in an 'elastic' or 'liquid' way (what's the correct term?) like so: When placed in a container of arbitrary width (incl. browser window resizing), the button should right align and take up as much width as it requires while the textbox should use the remaining width. Unfortu...

Avoid CSS inheritance

Hello! I have this CSS style: span { font-family: Book Antiqua; clear: right; vertical-align: top; } I want to remove vertical-align on span inside a div called divDetail. In other words, I want this style on any span inside divDetail: #divDetail span { font-family: Book Antiqua; clear: right; } How can I do th...

Best Practices - CSS Stylesheet Formatting

This may seem like a strange question...but here goes: I'm currently working on creating a fairly large site using table-less design/css (obviously the best way to go). Unfortunately, I have a requirement that is completely out of my control that states I must have only one stylesheet for the site. In some regards this is better becaus...

Border gone from table?

For some reason, one of the inside borders disappears on my table whenever I change the default height with some CSS. HTML: <table class="event"> <tr> <td>Start Date</td> <td>2009-6-2</td> </tr> <tr> <td>End Date</td> <td>2009-6-8</td> </tr> <tr> <td>Location</td> <td>Vail</td> </tr> </table> CSS: ...

Why is my CSS drop-down menu opening behind a DIV in IE7?

Hi, Here's a link that shows the problem: http://xotics.equivalenceclass.com/test.php In IE7 it opens behind the blue "home-banner" and "home-banner-wrapper" DIV. I'm not sure why. When removing the background image for "home-banner", but I don't believe that this solves the problem. I tried playing with the z-index CSS properties of t...

How do I prevent CSS inheritance?

I have a hierarchical navigation menu in my sidebar that uses nested lists (<ul> and <li> tags). I am using a pre-made theme which already has styles for list items, but I want to alter the style for the top-level items but NOT have it apply to the sub-items. Is there an easy way to apply styles to the top-level list item tag WITHOUT hav...

CSS: Create a DIV based on browser size.

Solved! Finished CSS and HTML at bottom. Ok, so here is the situation. I have a page with a div on the side, on top, and on bottom. The div on the side is on the left at 225px. The div on top is 25px, and the div on bottom is 20px. What I want is a div in the middle of them all, and so it resizes (and is scrollable) based on t...

Embedded CSS hacks vs separate cascading styles sheets

I believe this is not the popular stance but I prefer embedded hacks such as * and _ in the style sheet rather than using separate IE specific style sheets. At first I tried separate style sheets but I found the scope of having the styles for the same elements span multiple files to be painful to maintain. It was not obvious while changi...

CSS / Template question

How do I turn the site I just made (html+css) into a template? I want to be able to have one master template to use for all the pages on my site like I am able to do in dreamweaver, can I do stuff like that outside of DW? I am kinda sorta new to this.... ...

CSS: min-height does not work.

Whenever I add the min0height property to the DIVs to make them 100%, it doesn't work. I have added them to all of the DIVs, including height: 100%; and min-height: 100%; but nothing works. What would I do to make it extend all the way? It just cuts off the background of the sidebar and the background color of the content area. (Forgo...

Links sometimes don't work in IE

I have a webpage that uses sprites for its navigation link. In IE7 sometimes the links are not clickable. It works fine in IE8 and Firefox. Anyone encountered this before? http://blazemanifesto.com Thanks. Edit To clarify, on my computer, everything works fine. (Vista, IE8, Firefox 3, Chrome, Safari). I had a complaint from some...

Remove the space between checkboxes

I have a form which contains several checkboxes align vertically in a div. I want to remove the space between each checkbox. But I can't find any solutions. <div style="height:100px;width:25px;float:left;"> <input type="checkbox"/> <input type="checkbox"/> <input type="checkbox"/> <input type="checkbox"/> <input type="checkbox...

Discovering which CSS rule is responsible for the format of any element

I want to click / look at on an html element and find out which css rule is responsible for which format property. i.e. I want to know the font's come from body{ } the color from h { } and the padding from #headercontainer Is there a way of doing this? I've tried firebug and cssedit (both of which are very cool) but can't see wher...

IE floats to the right - sorry, I just can't understand the solutions available

I have a fixed width parent div within which I am floating right an image with the tags: <div style="width: 200px;" class="buggybox imgr" id="g0"> <img class="imgposr" src="../images/irrigation/hip4microwave2.png" alt="Microwave" width="200" height="133"> </div> with the expectation that the text will wrap around the image. Unfo...