css

Multiple or separate rollovers using Jquery. Mock up for a better explanation.

UPDATED: 06.29.10 Here's the code I'm using so far. I'm really close after searching through the Jquery documentation. $(document).ready(function(){ //Rollovers for circle buttons $('img').hover( function(){ this.src = this.src.replace("_org","_over"); }, function(){ this.src = thi...

CSS dynamically repeat nested background div, possible?

Hi, there seem to be a few posts on this subject but i can't find anything conclusive one way or the other, so thought i'd try on here for someone far more knowledgeable in CSS than me! I have 3 container divs which have background images to give the impression of a tapered out line effect at the top and bottom of the main content. I can...

jquery.quicksand position calculation problem

Hey all, I've been working on a little site for a couple days and have a the super cool jquery.quicksand plugin running to sort through portfolio entries and I'm having a problem when selecting the 'all' filter. If someone would take a second to help out, I'd be very grateful. Due to the nature of the problem, it'd be best for you to ...

How can you resize li labels without resorting to coupling or absolute sizes?

I am under the impression that the best way to style a list item is to wrap its content, apply a style to ol, and override that style via the wapper (as discussed on http://stackoverflow.com/questions/862878/make-abc-ordered-list-items-have-bold-style). This is straightforward and fine, but since relative sizes are calculated based on i...

IE7/IE8 Table Display bug <thead> background image goes behind <table> background image

I have been developing a new page which includes a series of tables. The tables have a background image repeating on the y axis for the <table>. A background image for the <thead> and a background image for the <tfoot> It works fine in all browsers except IE7 + IE8 - I have isolated the problem as: the repeating background image for th...

What is the means of "margin collapse"?

Possible Duplicate: For what reason margin collapse rules were introduced in CSS? What is the means of "margin collapse"? ...

Help with CSS div positioning

Hi all, a bit of a softball CSS question here (hopefully). I'm looking for some CSS help with regards to the attached screenshot. I have the larger box being properly centered, however the smaller boxes are giving me some problems. For the top small box, I had initially tried using absolute positioning, but once the browser is resized...

css positioning of an info-note on the top of an icon

Hi all! :-) i have a simple question. for a website, i want to create an "info note" that appears by hovering a link, as facebook does when hovering some thumbnails you know? here is the thing i have for the moment, so you can see the bug i have : so the only problem is : the small "info note" stay on the left of my div. the goal is ...

How do you get the numbers of an ordered list to show on the left in IE?

I have a rows of data in div tags that float left and have widths set. They are inside li tags. Everything works fine in chrome and FF, but in IE8 the numbers show up in the middle of my rows, right next to the last div tag that doesn't have a float left. The lists are created dynamically so I'll try to recreate an example. <ol id='l...

How to increase font size based on window width?

I am creating a web based app that will be displayed on a television and other large monitors. I am wanting a quick and easy way to increase the font size to fit the window size. The text is dynamic. Any help is greatly appreciated ;) ...

CSS3 transitions with variable heights?

I'm working on a layout that switches a div between two classes, one with a height of 0px. CSS3 animations scale the div height great. The only problem is that I want it to scale to the content height, instead of a set height. Is this possible with CSS3 transitions? Thanks all! ...

How can I change the background color of a gridview cell, based on a conditional statement?

Okay I clearly haven't fed google the right query or I would've found out by now. I'm hoping someone on this forum can help me. So I have a datatable that I'm adding rows to based on a datareader that's getting its info from an sql query executed over a database. So far, so good. Now, one of those columns is called 'analysis', and I nee...

jquery slider alternative?

Hello, Are there any alternatives to jquery-ui slider? It doesn't do what I want it to be (allow images to be used rather then the default css, well it does but the handle goes above the images). Thanks! ...

Creating CSS/JavaScript tab panels -- with each nav item in the same div as its corresponding content

I need to create a set of CSS/JavaScript tab panels. However, most the examples I have seen put the navigation in a separate DIV from the content. For example: http://webfx.eae.net/dhtml/tabpane/tabpane.html http://www.stilbuero.de/jquery/tabs_3/ Is there an CSS tab example where each tab navigation item is in the same div as its corr...

JQuery carousel images trim

Hello, Using the TinyCarousel program I created the following sample page. http://www.dealred.com/wa/jqimage.htm The carousel is working fine, but as I have less space on the home page, we need to reduce the height of the carousel without reducing the thumbnail sizes. Actual thumbnail size: 175x175 Carousel image size: 140x140 Requir...

Can I prevent #div anchoring on a page when using idTabs for jquery?

Hi, I am using the idTabs plugin for jQuery on my new site. However, when I try to select a specific tab via the url, say http://crnaz.com/a/about/#staff on page load or via tab navigation, the page anchors to the div #staff instead of page top. Is there a way to keep the page anchored to the top on url change? Here's the code (or you ...

How to get alternate colors div with pure css and with IE 7 support?

This is HTML. <div class="container"> <div> background of this i need in white </div> <div> background of this i need in red </div> <div> background of this i need in white </div> <div> background of this i need in red </div> </div> I want to select alternate div without adding c...

Problem in clicking button all over it. CSS button.

Probem I have a CSS button which am able to click only on the test area. I am unable to click on the non-text area of the button. Here is the HTML code for the "EDIT" button on my website. <div class="stndrd_btn"> <p><?php echo $html->link('Edit','... destination....'); ?></p> </div> Below is the CSS code for the button. .stnd...

Insert div over flash in IE

Hi, I have a menu bar which has several submenu items. The homepage contains a flash animation which is located under the menu bar. When the submenu items are over the flash file, the flash file will be displayed over the menu bar. I tried with z-index, but it won't work. This problem only happens in IE. Any tips? Thanks ...

overlaying a jquery draggable div

I'm trying to make an optional draggable div, which shows up at some condition. This does work for me. The Initial location is fine, but the new div pushes the panel below further below. Now I want the draggable panel to be displayed on top of the rest of the panels (without reshuffling the existing panels). The code is below, and I put ...