css

Proper way to over-ride Drupal core and module css styles

I'm a Drupal newbie plus I don't have much experience updating code, styles, and scripts in an open-source project. I've inherited a site running Drupal 5.16. In Drupal, I have created a page that is not published. The main content node has a node-unpublished class which is defined in /modules/node/node.css. This class has styling that ...

How to fix flicker when using Webkit transforms & transitions

I have a very simple demo working that uses Webkit transforms and transitions for smooth horizontal scrolling between 'panels' (divs). The reason I want to go this route as opposed to a Javascript driven system is that it's for the iPad and Javascript performance is quite poor, but the css transforms and transitions are smooth as silk. ...

css vertical gap between divs

I know this is a common problem but I can't seem to find a solution that works. I have a setup like this: <div id="wrapper"> <div class="content-area-top"></div> <div class="content-area"> <h1>Title</h1> some other text </div> </div> .content-area-top { height: 12px; width: 581px; background-image: url(images/conte...

Flex 4 - CSS type selectors in MXML components

Does anybody know the reason why CSS type selectors cannot be used inside MXML components, and/or a trick to make it work? I see absolutely no reason for a such simple functionnality not to be supported, and I'd really like to understand. After all I read about CSS in Flex 4 being so much better than in Flex 3, I find myself quite disa...

Wordpress sidebar classes

There any way i could add a class for the specific order of widget item? i.e. the class name would be widgetorder-1 (for the first appearing widget), widgetorder-2 (for the widget appearing in the 2nd order), etc. I looked into filters but wasn't sure how that worked. ...

setting z-index jquery ui controls?

Annoyingly, the jquery ui's set a few css properties inline, making it impossible to override them in the stylesheet. I tried to override the values with jquery, but then they get changed back as soon as the control is interacted with. Does anyone know if any of the jquery ui control's initialisers/constructors have the ability to overr...

Need to modify JQuery Cycle updateActivePagerLink option

Hey everyone. I'm creating a simple 3-image slide show, and I'm pretty new to Jquery and Cycle. I have the slideshow working, with 3 pager links that also work. The only thing I need to accomplish is, add "activeSlide" functionality to the currently selected pager image, which I can't do in CSS by simply using the activeSlide class......

dropdown menu in IE7,8 needs fixin'

I've had lots of success in getting IE to play nice in the past, but I'm buffaloed here. The dropdown menu is visible and works, but it's having some margin/padding issues and no matter what kind of conditional statement or hack I try to employ, it won't straighten out. Example page: www.erisdesigns.net HTML (links removed so that I c...

IE New Element with Style?

Hi, I have this stylesheet: .pixel{ position: absolute; height: 10px; width: 10px; background-color: #ffcc00; font-size: 0px; } And this javascript: function drawpixel(x,y){ el = document.createElement('div'); el.setAttribute('class','pixel'); el.style.left = x; el.style.top = y; /* IE needs...

ie7 z-index bug... having trouble fixing.

I have 2 columns (several rows) of divs like this: <div class="odd"> <div class="desc"></div> </div> <div class="even"> <div class="desc"></div> </div> the odd and even classes are positioned relatively with z-index of 1 and the desc classes are positioned absolutely with a z-index of 5. Its set so that the desc inside the odd...

Scrollable table

In 2005, Stu Nichols posted this entry about have a fixed header with scrolling rows in a table. Is there a more updated solution to this task, or is what Stu wrote in 2005 still considered the latest? ...

Selenium RC: Selecting elements using the CSS :contains pseudo-class

I would like to assert that a table row contains the data that I expect in two different tables. Using the following HTML as an example: <table> <tr> <th>Table 1</th> </tr> <tr> <td>Row 1 Col 1</td> <td>Row 1 Col 2</td> </tr> </table> <table> <tr> <th>Table 2</th> </tr> <tr> ...

IE Drawing methods in CSS/Javascript

Hi, In <insert non-IE browser here> there is the <canvas> element that allows for doing some fairly advanced drawing. In IE it's possible to draw with <div> elements, but that can get pretty slow if you're doing anything more than a few basic tasks. Is there anything available in IE 5+, in pure HTML/CSS/Javascript, that can allows for ...

Body top-margin issue

Hello, I'm having an issue with a common website template of mine: http://www.radonsystems.net/newsite/ That space between the top and the first div: navbar. I can't seem to get rid of it, because I don't know why it's there. Any ideas? ...

Fuel Gauge in JavaScript?

Looking for a fuel gauge in JavaScript (no flash please). I founf this site, anyone try it? FREE - Bindows™ Ajax Gauges Library Any other recommendations? Thank You, Greg ...

How to have a page load to the middle of the page (instead of top)?

I'd like for the page to open at a certain div halfway down the page, not at the top... I have something like: <div id="d1"> <div id="d2"> <div id="d3"> <div id="d4"> <div id="d5"> <div id="d6"> How can I get the page to open at #d4, instead of the top? (Besides adding #d4 to the end to the URL...) I imagine there must be some easy...

iPhone Safari CSS rotation bug

I have a small mobile phone app that is acting strangely on the iPhone/Mobile Safari. The page renders and works great when it's orientation is vertical. When I rotate the phone horizontally some, but not all elements on the page resize correctly. Some header elements will stay nearly their same size, maybe increasing by 10%, others will...

Strange border (for me !) on IMG

Hello to everybody, i have the following code in html : <div id="header"> <div id="logo"></div> <div id="versione"> <a class="ui-widget-content ui-corner-all countryVersion" href="blank.html">Versione italiana<img src="ita.png" /></a> <a class="ui-widget-content ui-corner-all country...

css background image displays when user clicks link problem

I updated my post. Now it says "link is not defined" "thisLink[link].scopeObject = new Image();" It's important that the link remains though because it is a property of linkObj that holds the current link. I use the [] as a property rather than dot notation due to the looping ability it provides. <script type="text/javascript"> window....

CSS sprites messed up on iphone

I've noticed css sprites seem to show 1 more pixel than they should when viewing them on the iphone. My site works perfectly fine on all major desktop browsers on mac and PC. But when I view it on the iphone you can see 1 pixel of the adjacent sprite image. Anyone encounter this before? Any suggestions on how to cleanly fix this? I k...