css

Downsides with applying all css within javascript(jquery)?

Hey all, I'm making this search component that I can just load using javascript and have it work wherever I load it. The idea is that it does an AJAX-search, so I don't want to code that up every time I put one on the page. So maybe on pages that I want to put it on that would look like this: var searchBox = new Search(inputBox); Ide...

copy css from one class to another?

Hi! This may seem like a very basic question but I did not seem to find an answer to it. I know it is possible to define a css rule for more than one element at once as such: .element1, .element2{ font-size:14px; } Is it possible, though, to do that exact same thing, but apply the css to element after the css for element1 has been d...

Is dynamically loading CSS and Javascript Hackish or Good Practice?

I don't want to start a flame war, but I'm curious what people think. The benefits I can think of for dynamically loading: Load files as you need them. Faster load times You can create widgets that hook into your page with just linking to the widget and the widget loads all its files Some (possible) negatives: Loading stuff in th...

How to expand the drop down items

Hi friends, How to expand drop down list (listed items). I cant able to view the listed items in IE while i restricted the size of the drop down list. Please run this code in IE and other browsers - u can see the difference <html><body><select style='width:20px;'><option>sdfffffffffffffffffffffffffffffffffffffff</option><option>sdffff...

Positioning image alt text

Hi Guys, I have a large table with a large number of entries corresponding to an equally large number of images. The requirement is to display an alt text for every image which could not be found on the server. The alt attribute of is working fine. However, I am not able to position the alt text - cell padding, spacing, margins etc. w...

jquery create css rule / class @ runtime

usually i have a css file which has the following rule: #my-window { position: fixed; z-index: 102; display:none; top:50%; left:50%; } how can i avoid creating such a static css file by adding the css-information during runtime actions to the body or what else. (only using jquery) i want to define it once but with...

View print CSS in IE7 or IE8

I'm debugging a site that has problems with element positioning when printing (I have a separate print.css file linked by a link element with the media="print" attribute). This problem only occurs in IE7 and IE8. What I'm looking for is a way to view the page using the print media type, but while still having IE8's developer tools avail...

Blurry text after scrolling in IE6

Hi all, i've got an issue with text in IE, when the page loads the text looks neat and crisp, but when i double-click on some white space of the page the text looks like this: Is there a known solution for this problem? Thanks ...

jquery: why css('width') returns different value than width()

When I run following code: node = $('.period') alert(node.width() + ' ' + node.css('width')) i get '0 144px'. How is that possible? ...

Make 2 tables have the same column sizes

I have 2 HTML tables that are directly on top of each other. Each table has the same number of columns, but the text they contain can differ. And each table can contain many rows. I would like for these 2 tables to have the exact same column width so that the columns always line up. I don't mind if the text within the columns wraps a...

Why does layout change in IE when UL is alone in a TD vs having an extra empty DIV?

I'm adding css-based tab navigation to a site that is still using table-based layout. When I place my tab list inside a td, there is a visual "gap" that you can see. If I put an empty div with width: 100% in the td, then my tab list displays correctly. (It also works fine outside the table.) Why does the div make the tabs lay out correc...

CSS question - transparent underlined textbox - howto?

Good Morning, Quick CSS question. Does anyone know any quick css to make an underlined transparent textbox? I basically want the textbox to be invisible except for the bottom border. I need it to function normally. Do I just remove left, right, and top borders and set it's background to transparent or something? Any examples of how to p...

Ie6 and Ie7 XHTML strict input form controls have massive padding

I'm using submit controls in my web page <input type="submit" name="BtnSearch" value="Search" id="btnSearch" title="Search" /> Even when I turn off CSS I get a big gap before the start and after the end of the text of my button. My buttons are also bigger than I want. Is there a way to style buttons in IE6 and 7 to make them more com...

Problem with hidden content when using jQuery on IE7

I'm using jQuery to switch between 'simple' and 'advanced' search panels by sliding up/down the panels. After the slide I want to set the input focus to the first field, however this causes the panel to blank out on IE7. It doesn't happen on FF 3.5.1 The original code is using ASP.NET but I've managed to reproduce it with some simple HT...

Firefox Flicker Bug

Is there any sort of workaround for the bug that makes firefox flicker when decreasing the size of the document? Click here for a demo Click here for the demo in quirks mode (no DOCTYPE) I bet it could be fixed using javascript -- whenever the scrollbar shrinks, make sure to scroll the window up to prevent the flicker or something.. t...

How to add background-image onto the first option of a dropdownlist

I have the dropdownlist like this one : <asp:dropdownlist ID ="ddlgender" runat="server"> <asp:ListItem Text="--Please Select--" Value="0"></asp:ListItem> <asp:ListItem Text="Male" Value="1"></asp:ListItem> <asp:ListItem Text="Female" Value="2"></asp:ListItem> <asp:ListItem Text="Unknown" Value="3"></asp:ListIte...

IE6/7 link overlapping + text-indent

hi.. I need a little guidance here... I have 2 links: <div class="tarjBodyHolder"> <div class="imageHolder"> <a href="#" onclick="alert('picture link'); return false;"> <img border="0" src="/picture.jpg" /> </a> </div> <div class="linkTransp"> <a href="#" onclick="alert('family link'); retu...

Menu overlay positioning issue with IE

I've got a flyout menu on a site that I'm building. I'm using a UL nested within the LI. In Firefox it's working beautifully but IE breaks it. (The Pants & Shorts link is the only one with a flyout so far) Here's the site (a work-in-progress so it's not quite all there): http://epalla.com/bogeypro/featured/covert-cooler.html If I set...

(X)HTML & CSS definitions description in computer-readable format

Hi, is there any set of HTML & CSS definitions, like list of (X)HTML tags & their available properties (both with descriptions) and so on, and CSS properties (descriptions, browsers supporting and so on) in computer readable (ie XML, CSV, INI or so) format? Thanks in advance! ...

mpg files and z-index positioning

Is there a way to hide .mpg files under other elements in CSS? I have a position:fixed; menu on a website I'm designing, and I have it set to be on top of all other elements in the page. However, when I added a .mpg movie to the content, it seems to stay on top of everything--including the menu. The page is here: http://adamnbowen.c...