css

JQuery: Slide left and slide right

Hello, First of all, I am not that much experienced with JQuery, i have seen slideUp and slideDown, what about are the functions/ways for sliding to left and right? Thanks ...

Can't convert frames to CSS? Help needed.

Since I got TLDR (too long didn't read) comments, I stripped 90% of this away, including everything I have tried. The layout is very, very simple. ----------------------------------------------------------------- | | | This menu area is fixed and does not scroll up off the...

GAE Django Table Records Pagination?

Anyone have sugestion or example on how displaying Google Datastore records table with pagination on Google App Engine django template? Something like Gmail pagination. ...

Strange FIrefox input problem

Im having issues vertically positioning text inside of a text input field in Firefox. I have managed to get it to work in every browser except firefox: See how the 'Fwd:' text is crammed up against the top? I need to vertically center that inside the field. Here is my css: .subject { clear: right; font-family: Helvetica, Verdana, ...

jQuery - Add a class on click, remove it on Hover

I've got a simple jquery menu set up... it works fine except for the parent item. I've only listed one parent item, but there may be many, so raw #id won't work for this either. I want to apply a class when it is CLICKED, but then remove that class when the user hovers elsewhere and the menu slides away. Here is what I have so far that...

Html table how to make all columns same height

I want to display 4 or 5 boxes(vary) which occupy's 100% of the page width, so it will span start to end of page. and want height just to fit contents. I am trying to use table for that so it will assign width for each box and fill up whole row. Problem with code below is all divs in td are centered and does not have same height. tried...

Position div at mouse

I have a floating DIV with dynamic content like this <div id="rollover" style="display:none;background:#ffff99;width:150px;position:absolute;z-index:9999"> <div id="rollover_content" style="padding:4px;border:1px solid"></div> </div> Event handlers fetch relevant content and set the innerHTML of the inner DIV. How can I position t...

In Firebug, how to tell what is overriding a style?

I have this css: fieldset li { padding-bottom: 0em; } However, it wasn't behaving properly, and using firebug, I see that style has a line drawn through it, indicating it is being overridden. Is there a way in firebug to tell what is overriding a style? In the style tab, this is all I see: fieldset li { clear:left; float:le...

Dynamically Inserted DOM Elements are not Clickable using $.click()

I'm using jQuery to take the value of a form element and place it inside a list item tag. There is a maximum value of three list items (these are to become tags for an image). The problem is that i want people to be able to remove any erroneous tags they've entered by clicking on them, but the items (which are dynamically inserted into ...

Internet Explorer 8 table cell width bug with colspan set

I have the following html page: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>A title</title> </head> <body> <table style="width:...

drop down menu float Visible over UI CONTROL like TEXTBOX, select boxes, and iframes

Hi Issue is Menu is not overlaping or float, above the IFrame i am design the menu with table and Div tag in Usercontrol From and i called Usercontrol from in the Index.aspx. If any got the idea or experience to solve this issue please help me Thanks for Time and help Hari ...

Flex 3 css embed throws "Invalid Embed directive in stylesheet' error on linux

We have a flex application which compiles fine on windows box using mxmlc ant task but when we try to run the same build scripts on linux, it throws the 'Invalid Embed directive in stylesheet' error indicating it is not able to resolve the path to the image files. Can someone pls. educate me on if there is a difference in the way the im...

Need to have fade out effect in Javascript

Hi, I am doing an Ajax call and on response I would like to hide a div. Right now, I am able to do it successfully, but that is kind of quick. I want some fade out effect on it. How to do it in one single shot? Here is my current code. var someDiv = document.getElementById(someId); someDiv.style.display="none"; Thank you very much i...

Trouble with z-index in ie6 and 7

On this page http://equals.lsri.nottingham.ac.uk/puzzle/create, if you type something into an input and then click save a custom dialog will pop up. But even though the dialog's z-index, and that of its container, are higher than that of the equation editor, the editor still overlaps the dialog in ie6 and 7. Anyone got any idea why? ...

How to Make an OS X Style Search in XHTML/CSS

Any way to make a OS X Finder "like" but valid XHTML/CSS search textfield with an X to the right, etc.? Even if it only shows up on Safari but degrades that would be fine. I've seen a couple of examples but they seem very complicated. ...

How to alternate rowcolor in a GridView using pure CSS?

I want to alternate rowcolor in a GridView, using pure CSS, ie: I don't want to use asp.net themes; I'd rather not have to use jQuery, or define define AlternatingRowStyle-BackColor on each gridview (unless there's a reason I must). Here's my CSS (that isn't working): .gridView {font-size:11px } .gridView tr:nth-child(even) {backgroun...

Frustrating CSS Behavior with Cascading

I have a menu structure that is supposed to highlight each item as it is rolled over , and then some menu items expand downward into dropdown menus when clicked. The behavior works okay, but the problem is this. Within the <li class="dropdown">, the styles of the a: tags are overriding anything I am specifying. Even if my style comes a...

JavaScript: GIF file loses animation

I am trying to set a hidden layer (containing animated GIFs) visible. Initially, the layer is hidden using display: none; However, when I try to show the layer using javascript: document.getElementById('loading_layer').style.display = 'block'; the layer is displayed, but the images inside it are no longer animated. What could be th...

Adobe Fireworks CS4 Queries

Hi, I am new to Firewroks CS4 and keen to learn to use it right but I am having difficulty understanding the whole slicing and exporting mechanism, so that I can also use in Dreamweaver CS4. Basically, I am unsure how to do the following and if anyone can assist with the process or point me to a possible online tutorial, that would be ...

Scrolling with a styled unordered list (select box replacement)

My company had a website we're working on redone by a designer. It looks much better, but I've hit a snag implementing their design in HTML+CSS. They have a heavily styled <select> box, so much so that I couldn't recreate it with pure CSS. I found a solution that uses Javascript to replace the <select> box with a <ul>. This works almost ...