css

Columns with CSS without using multiple divs?

I want to get 4 columns, with the text floating in all of them. I don't want to make 4 separate divs, because when the first column if full of text, the text should continue in the next column. I also want to set the width of each column and the padding between. Additionally, the height should be flexible, depending on how much text th...

Replace all references to external files (images, CSS and JavaScript) with flat directory references?

I'm trying to figure out if there is a way (using JavaScript, or jQuery) to go through an entire HTML file replacing all references to external files and replace all the references to files in other directories with the same named file, but without directory information. For instance, in the HTML text: scripts/script.js gets replaced ...

Displayed layout width doesn't match coded width (drupal site)

I'm working on a drupal website with a fixed-width div layout. Everything lines up and etc., but for some reason the whole thing is about 15px wider than it should be. The width should be 900px but shows up as something like 915px. It's even stretching the background image of the header div. This happens in Firefox, not IE (for who knows...

zeroClipboard complex css problem

i have list of images and on mouse over there is option box shows under it, which has embeded code input box to copy from. now i implemented zeroclipboard on it, for making copy function work on click, so when i do mouse over on image, it shows the option box properly, but when i take mouse to click on the input box to copy the code, the...

Why isn't shadowbox working in IE?

The shadowbox I am trying to fix in IE is located here: http://www.carolinedawes.com.au/abc-gardening-australia.html The HTML is <div class="hero-image"> <a href="m/abc-gardening-australia-caroline-dawes.mov" rel="shadowbox;height=272;width=480"> <img src="i/abc-gardening-australia-caroline-dawes-gardening-adelaide.jpg" alt="caroline ...

Pure css drop down menu without js ( if js is disabled) in IE 6 ?

I found many css/js menu scripts on various sites they work well is in FF, IE7 and safari, opera if JS is disabled but not in IE 6 and for IE 6 small js file need to add because IE doesnt support hover but my question is can we make pre css dropdown menu for IE6 because IE 6 support :hover on then can we make dropw down menu without ja...

Is there a 0-width way to prevent floated divs from collapsing

First, this issue is not about block elements collapsing when their children are floated. In fact the issue has nothing to do with clearing at all. The issue is this. Suppose I have a series of floated divs like: <div class="column">Column 1</div> <div class="column"></div> <div class="column">Column 3</div> With css: div.column {...

IE6 and IE7 floating bug inside a header

We have an anchor tag floating right inside a header issue. It works fine on IE8 and Firefox. Any idea how to stop it popping outside the header box? Here is the code below: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html> <head> <style> .wrapper { bo...

Text blinking jQuery

What is an easy way to make text blinking in jQuery and a way to stop it? Must work for IE, FF and Chrome. Thanks ...

CSS layout without fixed width

I'm not expert in CSS in any way; I know it to some extent but not very deep; float and IE6 makes me cry. So I'm always excited to see what people can do with it. However, most of the examples that I see use fixed dimensions. As far as I understand this is because CSS is so tricky and it's much easier to hack when elements have width, e...

JSTL if-statement inside HTML-attribute

Hi, is it possible to do something like this in JSTL: <div class="firstclass<c:if test='true'> someclass</c:if>"> <p>some other stuff...</p> </div> Is there any way to get this to work, or is there a better way to add a class by looking at a JSTL-if-statement? ...

jquery : dynamically assigning div height

I have a div with class "divItemclass" .for this class, i have put height as auto.This div contains some data(text/ images ) .Now i want to change the class to another class when user clicks on the delete button. I am using the below code to do so $("#divRoundItem").removeClass().addClass("divGlowToDelete").fadeIn(500); and in my css ...

Are there any getter jQuerys CSS translation?

Hi all, jQuery's cross browser support is amazing. However I was wondering whether the following script will work in any browser or not. $("#block1").css('background','blue'); $("#block2").css('backgroundColor', '#0000ff'); $("#block3").css('background-color', 'rgb(0, 0, 255)'); if ( $("#block1").css('background-color') == $("#block2"...

CSS Editor with ability to preview in IE6, IE7, Safari 3?

I realize the question of a good CSS editor has been asked dozens of times here on StackOverflow. However, I am specifically looking for one that has preview functionality for a variety of browser rendering engines. Most importantly, it MUST be able to render IE6, IE7, and Safari 3.0. Price is not a factor. I have been looking at Aptana...

Problem with Horizontal scrolling area in IE?

I have the following markup: <div id="routes"> <ul id="routesList"> <li class="routes">Route 1</li> <li class="routes">Route 2</li> <li class="routes">Route 3</li> </ul> </div> With the following CSS: #routes { height:20px; width:770px; overflow:hidden; } ul.routesList{ margin:0; padding:0; list-s...

ASP.NET LinkButton not rendered correctly in IE7

We have an issue (one of many) with a customer who switched to MS IE 7 just a few weeks ago (yes, yes, I know....... don't ask.....) In our ASP.NET app, we have a series of <asp:LinkButton> controls for navigation inside a HTML table, each link button on a separate row. The link button is inside a <td width="200"> tag. Each <asp:LinkBut...

CSS Error when using jQuery's gt() selector?

I've noticed that Firefox throws me a warning on the following jQuery code: $("li.example div.code:gt(4)").hide(); CSS Error: Unknown pseudo-class or pseudo-element 'gt'. According to jQuery, it all should be correct. And it works, but I wonder how to fix this error for cleanness sake. ...

Creating proper layouts (table-like) with CSS

How do I properly create layouts with CSS? I.e. how do I do presentation if I were to replace the html tables I had used earlier? With <tables> I had all the sections and different regions aligned and properly shown (at least to my perspective). If one of the cell values is a column was to increase it would dynamically increase th...

Radio Buttons display incorrectly in IE7 but ok in Firefox?

Hi, I have a site setup that is working fine in ie8 and firefox but as you can see here: Is this an issue with some css or a png transparency? Or is this just something with IE7. Thanks in advance :) ...

CSS Problems - 960.gs

I've decided to let tables out of my Web UIs but I'm suddenly having lots of trouble with CSS. I've hacked a little bit into 960.gs and I've made my own grid with only 8 columns, here it is: .grid { margin-left: auto; margin-right: auto; width: 960px; } .grid ._01, .grid ._02, .grid ._03, .grid ._04, .grid ._05, .grid ._06,...