css

Safari rendering problem

Hi, can anyone help with this.... http://www.apolloensemble.co.uk ....looks like the problem is the menu bar but I'm fairly new to this and am not sure. Its fine in FF and IE (7 & 8). Tried various cross-browser issue checks but can't find anything that looks significant. Thanks! ...

dynamically make top div position

So I have created a simple calendar (http://www.akapa.org/newsite/events/calendar.htm) and I have a bunch of "More Info" buttons I made from cells. In a table cell to the right are a bunch of hidden DIV's that all appear when you rollover a "More Info" button, obviously giving more details about the calendar date/event. My problem is t...

Question regarding div height adjustment

I have a setup that requires a header div and a footer div to stay rooted at the top and bottom of the page respectively, while the content div in the middle fills up the area in between. The content div is set to overflow:auto; so a scroll bar appears when content volume is large enough. Something like this: +--------------------------...

Positioning div element on center of screen

Hi there. I want to positioning a div element (popup) on the center of the screen via CSS. No problem with this. The problem comes when i scroll the browser and then i click on the element that displays the popup, but this one will be displayed on the top of the page, instead of centering it on the rendered area (scrolled) The popup m...

What disadvantages are there to the <button> tag? (It seems there are quite a few problems with ie)

I started using a diagnostic css stylesheet, e.g. http://snipplr.com/view/6770/css-diagnostics--highlight-deprecated-html-with-css--more/ One of the suggested rules highlights input tags with the type submit, with the recommendation to use <button> as a more semantic solution. This is a new tag to me, do you guys recommend it, or are t...

Generically Replace Loading Message for a dijit ContentPane

I want to replace the standard dijit.ContentPane loadingMessage with a animated GIF instead of the default "Loading..." message. According to documentation, the default message is: <span class='dijitContentPaneLoading'>${loadingState}</span> So I have overridden the CSS with: .dijitContentPaneLoading { background-image: url('../...

Adding css class through aspx code behind

I am using aspx. If I have HTML as follows: <div id="classMe"></div> I am hoping to dynamically add a css class through the code behind file, ie on Page_Load. Is it possible? Thanks coders. ...

Cancel global css inheritance

So I have a global reset rule: * { margin:0px; padding:0px; } I also have a LOT of tables with pre-defined cellpadding values. However, the global reset rule is killing all the cellpadding values. What would be the best way to get the cellpadding back without having to create a specific css rule for each table? (There are a lot of tab...

CSS problem about show / hide

I have realized show/hide function in css. But it's not what i need. i want to expand the content layer by layer and hide them all in one click. And now i can't expand layer by layer. Can you help me with that? Thanks a lot. :) here is the code and it's tested: <script language="JavaScript"> function toggle(id) { var state =...

php vs htm, weird gaps

the normal one: http://labvc.x10hosting.com/AT/site/home.htm VS the odd one: http://labvc.x10hosting.com/AT/site/home.php when i look at the code side by side, its almost identical, the only thing that would make them give that weird gap should be the CSS but they're using the same sheet. ideas? EDIT: I checked and made ...

Overflow oddity

What is the status on overflow-x and overflow-y? Whenever I give overflow a value, and inspect that element, the browsers tend to split this into overflow-x and overflow-y. However, trying to explicitly state this gives nothing. For example, on my math class page: http:math.davehampson.net the grades tab is very wide, and I want it to...

How to fade images using javascript?

Need a webpage which displays an image for x number of seconds and then fades into another image which also contains a clickable link. How do I achieve this with javascript? I know this can be done in Flash but it needs to be iPhone compatible. ...

How to maintain table row height in scrolling window - Firefox?

I have a html table with static headers. The rest of the body scrolls within a fixed size window. (Using overflow:scroll; height:550px; overflow-x:hidden; for the tbody ) When the number of rows is less than what fits in the scrolling window, the row size automatically expands to fill the entire scroll window. How do I "disable this"?...

Is it possible to style a heading size according to the length of the heading?

Newspapers often style the heading font for each story according to how much space the words take up. For instance, in this spread, you can see text has been styled to fit one line: http://www.newsdesigner.com/blog/images/feb05/best/hc6.php And on this one, you can see different sizes for each headline according to the article size. h...

styling XML (not HTML) with javascript & css after rendering in browser

Hi, I'm using a webkit browser (safari), so this question is specific to webkit. I have safari rendering an XML document (it's not HTML). In order to style certain sections of the document, I've attached a stylesheet (see below) to the document. In the case below, the text within the first "thing" element is displayed in magenta. This...

Formatting good in FireFox, bad in IE.... help

I am a newb for sure. I have been developing in the firefox, and just barely checked in IE. Someone please help me out. Don't know where I went wrong. Thanks! www.clgproperty.com ...

Problem with iframe and IE6 and IE7 causing extra bottom padding

Hi all, I'm trying to insert a Google Maps iframe into my website. The iframe has a padding of 4px and a border of 1px already applied to it but for some reason in IE6 and IE7 there is an extra 3px padding added to the bottom of the iframe. You can see my test site here: http://www.prashantraju.com/test/ Is there a reason why this i...

"Break out" of DIV with padding?

If I have a 100% wide div element with 12 pixels of padding to the left and to the right, and I have an element inside the div that I want to span from one corner of the screen to another (bridging the 12 pixel gap), do I have any chance of "breaking out" of the surrounding div without using absolute positioning? Using position:relativ...

coloring table column on click

Hi, I'm using the tablesorter(http://tablesorter.com) jquery plugin to sort table data... Does anyone know if its possible to change the color of the entire column on click? Even if it isn't with this plugin, some other way? Thanks, Mike ...

Problem with link styling failures in ASP.NET MVC

I have an ASP.NET MVC application that has a jQuery Treeview and a jQuery Splitter in it. There is a header at the top. Below that, the splitter is used to separate the space into two divs. The left div contains the treeview, and the right div contains the content. I have a stylesheet just for the content area; all of the styling is ...