css

Having text show on mouseover

Hi, So I'm trying to have a background image disappear and then have some text appear in the div with a link. I've gotten the image to disappear on mouseover but I can't get the text to display. Here is what I've got so far. I'm kinda new to this stuff. /* I'm have the image removed with the first line, then setting the link as h...

Centering Problem (Horizontal)

I want to center this material horizontally: <a href='/big.jpg' class = 'cloud-zoom' id='zoom1' rel=""> <img src="/small.jpg" alt='' title="Optional title display" /> </a> ...

list every font a user's browser can display

Is there a way in javascript to obtain the names of all fonts (or font-families) that the browser can show? (I want to give the user a dropdown with a list of all available fonts, and allow the user to choose a font.) I'd prefer not to have to hardcode this list ahead of time or send it down from the server. (Intuitively, it seems like...

How dynamic funnel?

The kind of language, in both IE and firebox compatible. ...

IE float no padding bug

Hi guys, I am trying to create a HTML form, and I am floating the labels left, and the inputs right, now in FF it works fine and in IE8 as well, but when I go over to IE7, the line breaks seem to dissapear completely, I have NO space in between my elements, what could it be? How can I fix it? <p> <span...

jQuery tabs: Set css of tab navigation button by index.

Hi, I want to set the css of one tab navigation button programmaticaly. The index of the tab should be a variable. Use case: Setting a button to color red when it content has changed ascync. Thanks!! ...

How does IE calculate the CSS element width:100%?

Title says it all. Trying to get information on this so I can answer my other question here. ...

css problem with divs

Hello, I have some div. I need in two children there. The first should be at static position and under second. Orange rectangle should be positioned to the parent div and has static position (for example, top: 20px;). The second child (red rectangle) should be over all another divs. I tried to make orange div absolute and use z-index...

jstree: constraint width

Hi, I have a jstree with several subtrees on a page and would like to display something upon selection of a branch. The displayed text should appear next to the tree, but for some reason, jstree is taking up all the space in the div, so the text div is placed underneath. The tree and div should both positioned relative to the encapsulat...

using CSS extend div heights of all divs in a row as content adds in one single row

I've 3 divs as columns in a single row using CSS float left attribute and I want to increase the heights of all the columns as content adds up in any column so that the height of all the 3 columns remains relative to the initial height. How should I do that?? (I'm using 960 CSS grid) ...

How do we format the cell size to be constant

We are showing the list of topics as at the top of the table, because of varying widths the column width gets either bigger or smaller. We would like to keep this to a constant size and probably add dot suffixes at the end to keep it constant. How do we do this dynamically. e.g. topic names could be Mathematics, Science, English, Histo...

CSS float bug with side pane resizing main content

Hi! We're having a problem with a side pane that is floated to the right. This pane somehow resizes the first div in the main content, so the div is stretched to the same height as the pane, see illustration below. The main div has the following css margin: 10px 280px 0 10px; padding-right: 50px; The side pane has the following css ...

Rendering Issues in IE7

Hello All, I have been designing a website and some of my pages are rendering differently in my browser (IE8) to that of the entire school which uses IE7. For example I have a news page where the text is indented correctly alongside the image which is what I want to happen. However in IE7 all the text is knocked down below the image and ...

CSS: Progress Bar + asp:Label inside it

Hi, I have the Progress bar div and the asp:label inside it. How to style it to have that Label inside it and in the middle of that div ? <div id="progressbar" style="width: 350px;"> <asp:Label ID="percentLabel" runat="server" Text="0" /> </div> ...

Override hover pseudo class CSS attributes when specific html-class is set

Hi. I am trying to display sets of images with up and down navigation in form of arrows. I have added cursor:pointer; to the arrows on hover to emphasize the clickability. However, when there is no more images in a certain direction, i set the class to disabled. .disabled { cursor:default; } However, the hover pseudo class take...

Flowplayer is above modal window

In my web application, I have webpages where people can watch videos. I'm using Flowplayer for playing flash videos. You can see it here: http://flowplayer.org/ I also use modal windows in my web application. I'm creating them with this jQuery plugin: http://code.google.com/p/jquery-modalbox-plugin/ Modal windows work great. The only p...

How do you remove the text reposition effect and black border when a user clicks on a <input type="button">button in IE and Opera?

Hi, In the latest Internet Explorer when I click on a button I see the text reposition to the right and down by a pixel or two. In addition, when I click on the same button in the latest Opera 10.53 I see the same text repositioning as well as a black border appear. Here is my button code: #buttons { position: relative; paddi...

Weird child selector behavior...

Well, I finally decided to totally drop IE6. It's great. First big benefit which comes with this decision is child selectors. So I started to use them for my nested drop-down menus for the first time and expected it to be a breeze. But... here's the code: <style> body { color:#000; } ul.top > li { color:red; } <ul class="...

Is it possible to create continous / neverending scrolling effect in webpage?

Here is what I am thinking: I have long web page and when the user reaches the end, I don't want the scrolling to stop just then, but I want to reload the page again from the bottom and continue the scrolling. Detailed As the user scrolls to the bottom, I want the top of the website to be removed from the top and placed at the bottom...

Is there an app to automatically format CSS files?

I have a compressed CSS file (all whitespace removed) that I want to inspect, but it's a huge pain inspecting it as-is. Is there any utility (preferably linux command line) that I can run the file through to format it nicely? ...