css

apply CSS dynamically in asp.net 2.0

Hi All, I have a scrolling div with Three linkbuttons and three differents divs. I need to apply CSS to active linkbutton as soon as button is clicked.The codes used by me are: protected void btnNetwork_Click(object sender, EventArgs e) { this.btnForecast.CssClass = "li_1"; this.btnBlog.CssClass = "li_2"; t...

Setting CSS pseudo-class rules from JavaScript

I'm looking for a way to change the CSS rules for pseudo-class selectors (such as :link, :hover, etc.) from JavaScript. So an analogue of the CSS code: a:hover { color: red } in JS. I couldn't find the answer anywhere else; if anyone knows that this is something browsers do not support, that would be a helpful result as well. ...

Long pages in FireFox offset when scrollbar appears

In Firefox and Safari, pages that are centered move a few pixels when the page is long enough for the scrollbar to appear. If you navigate through a site that has long and short pages, the page seems to "jump" around. IE7 tends to leave the scroll bar visible all of the time but disables it when the page is not long enough. Since the ...

How do I get a div to float to the bottom of its container?

I have floated images and inset boxes at the top of a container using float:right (or left) many times. Recently I hit a need to float a div at the bottom right corner of another div with the normal text wrap that you get with float (text wrapped above and to the left only). I thought this must be relatively easy even though float has n...

Use double classes in IE6 CSS?

Hi, is there any way to make IE6 understand double classes, say I have a class MenuButton with a color class and possibly a clicked class; like : .LeftContent a.MenuButton {..general rules..} .LeftContent a.MenuButton.Orange {..sets background-image..} .LeftContent a.MenuButton.Clicked {...hum ta dum...} Now, IE6 understands <a class="...

IE CSS positioning problem

I have some markup for a popup menu that works in firefox but not IE. The problem is that the popup pops under other elements and is impervious to the z-index value. A complete runnable example is below. Now, I know that one fix is not to position the divs as relative, but I can't do that because, in the real code, I'm using scriptacu...

How do I shrink the size of a tag

Pretty new to css and trying to make the tags on my page smaller on all sides. What are the best settings to modify? Margin doesn't seem to do what I want. .story .content .tags .tag { margin: 10px 5px 10px 5px; background-color: #99FF33; font-weight: 500; color: #330099; font-style: inherit; font-family: 'Times ...

IE positions left sidebar below content

Hello, I am not familiar with this website but I am desperately seeking help with the website I am building. I'm sorry if I'm not in the right place or asking my question incorrectly, so please tell me if I do something wrong! I have built a simple website, consisting of four pages (index.html plus three others). In FF everything seems ...

CSS styling of infopath forms

Is there a way to CSS style an InfoPath 2007 form rendered by Forms Server 2007? It seems to be somewhat of a "black box", but the formatting options in the Infopath client are pretty limited. ...

Interleave row/column colors in a GridView

Suppose you have a GridView with a few columns like: | Foo | Bar | Total | and you use a style sheet to make the alternating rows different colors, say light blue and white. Is there a good way to make a particular column alternate in a different color? For example, I might want the Total column to alternate in medium and light red t...

Needing an ExtJS bug workaround

I have a web application that uses Ext-JS 2.2. In a certain component, we have an empty toolbar that we are trying to add a button to using myPanel.getTopToolbar().insertButton(0, [...array of buttons...]); However, in IE6/7 this fails because of lines 20241-20242 in ext-all-debug.js: var td = document.createElement("td"); this.tr.i...

unexpected margin with very simple html

I have a very simple html. The red div is inside the blue div and has a 10 px top margin. On non-ie browsers, the blue box is 10 px apart from the top of viewport and the red div is at the very top of the blue div. What I expect is the ie behavior: red div must be 10 px apart from the top of the blue div. Why does non-ie browsers render ...

Should I avoid using "text-align: justify;"?

Is there any reason to avoid using "text-align: justify;"? Does it reduce readability or cause problems? ...

SharePoint Default Styles

I'm building a custom web part for SharePoint and I'm trying to use the default styles so when people theme the site, it will theme with it. I've found a couple of decent sites that show the different styles like: http://www.sharepointcustomization.com/resources/tipstricks/wss_cssguide.htm but I'm looking for something that has better ...

How to make this site browser independent

I got this page, and have some problems with ie < 7 and opera 7.11 This is what i hoped to be the layout in all browsers, and these are the IE ones instead: ie 5.5 and ie 6.0. the xhtml is quite simple: print "<div id=\"page\"> <div id=\"header\"> <ul id=\"nav\"> <li><a href=\"/\" class=\"first\">Címlap<div>Az oldal címlap...

Semantic representation of a chart.

I'm recoding an old site that contains a chart similar to this: How would this chart be represented with pure HTML? I'm loathed to just include it as an image. I'm thinking a table, just replaced with an image, or perhaps overlaid with absolutely positioned table rows, but I think that may be a bit fragile. Any suggestions welcomed....

CSS navigation

The navigation on the left menu in the below site uses CSS for mouseover links.PVH When I take the code of the navigation and make it separate page. Then the mouseover links are not working. What could be the reason? Please let me know. Test ...

How do I set the margin of an object with javascript?

I am trying to set the margin of an object from JavaScript. I am able to do it in Opera & Firefox, but the code doesn't work in Internet Explorer. Here is the JavaScript I have: function SetTopMargin (ObjectID, Value) { document.getElementById(ObjectID).style.marginTop = Value.toString() + "px"; } And it is called like this: Se...

Help me work around these two IE6 layout bugs

My webpage is suffering from two IE6 rendering bugs. Each of them have workarounds, but unfortunately said workarounds are incompatible with each other. Here's a minimized test case. The behavior in Firefox/Safari is the desired/correct one. IE7 is unknown, since I don't have access to it right now. First bug: #content has overflow: au...

Applying image rounded corners to <li>

Hey, I was using jQuery plugins to create a rounded corner for my < li > but it was not working on alot of browsers and didnt support mouse over, it acted very strange. I am wondering what is the best way to use two images (left corner and right corner) as the left and right side with using < li > Any thoughts? I looked on goog...