css

Core HTML/CSS/Javascript Frameworks

I'm trying to improve my web development skills. I'm already familiar enough with HTTP, HTML, CSS, and Javascript, but I'd like to take advantage of some frameworks/helpers for site layout, CSS, and Javascript support. What are the best HTML/CSS/Javascript web tools/frameworks out there? (In this question, I'm not looking for scriptin...

jquery globalcss IE opacity

I'm using a jquery globalcss plugin to change global stylesheets. It doesn't handle opacity and IE. I've been trying to get it to work with no luck. Here's my attempt to force the plugin to try to understand IE style opacity. function changeCss (property, value, target) { if (property === "opacity") { $(target).globalcss("filt...

Fancybox jquery multiple popup boxes

Hi all, I am using this http://fancybox.net/example for my code. <a id="view1" href="#box1">Click1</a> <div id="box1" style="display:none;"> <a id="view2" href="#box2">Click2</a> </div> <div id="box2" style="display:none;"> </div> I implement fancybox on a#view1 and a#view2 so that when people click on Click1 it will open fancybox...

Suckerfish navigation hiding behind content in IE7/IE6

I've built a suckerfish navigation. It seems to work fine in modern browser but it's hiding behind the content when viewed in ie7 and ie6. another issue i notice across all browser is the hover state i've applied to the parent link item disappears when my mouse moves down to the secondary nav, is there a way to keep the active state on ...

setting height of DIV with CSS in relative positioning

I have some HTML+CSS code that wants to layout several DIVs. The layout is like this: all DIVs stay in a parent DIV whose size is fixed. Then each child DIV should stay on its own line, and use the minimum height for drawing its content. The last DIV should consume all remaining height, so that the parent DIV is entirely filled. This co...

How to remove extra margin-bottom from floted image ?

When we use <img> inside <p><img style="float:left">dummy text dummy text dummy text dummy text</p> the how to give same margin at right and bottom of the image. http://jitendravyas.com/image-margin.htm ...

IE6 border-bottom: 0 & padding CSS issue.

Hi, I just encountered a IE6 bug that I don't seem to identify over the net. Basically this is when the behavior is triggered: a block element has border, on all sides except bottom, and top/bottom padding. and inside it there's another block element. My entire code is to big to fit in here, but I narrowed it down to this simple examp...

IE6 image scaling with bicubic filter

I have a project where I have to resize some images in the actual browser side. IE8, FF3 et al all apply a filter to smooth the resizing of the image, so in these browsers everything looks good. In IE7 I have applied the following fix which works great: -ms-interpolation-mode:bicubic; In IE6 however I can only find references to t...

Embedding a movieclip using CSS in Flex 3

We use [Embed(source="assets/styles/basic/my_skins.swf",symbol="preloader_3")] private var PreloaderAnim:Class; for embedding a movieclip from an swf file. How can I do the same using a CSS file (which is loaded at runtime) and use it in my class? ...

Managing CSS on large websites

I've recently begun working on a very large, high traffic website. We would very much like to reduce the size and number of our style sheets, minification is one route we will pursue but is anyone aware of any tools for checking ID and class use? Literally scanning the website to see what's active and what isn't? Alternatively any softw...

Is the rel attribute usage compatible with all browsers and tags

Just to be sure it can be safely used with JQuery scripting. ...

Literal used for variable css

I'm using literal to implement css, so as to have the css class vary depending on the page I'm on, the css being applied to some "a" tags also. That bit (variable css on a tags) seems to be working for me at present for some reason, but the code breaks the use of the ~/ within links... Does anyone know if there any consequences of usi...

Changing select highlight color

How do I change the highlighting color of <select> that is the color that highlights <li> while cursor passes over it by using CSS. ...

How to get Google Prettify to render more like Visual Studio

I'm using Googles excellent Code Prettify and I'm quite happy with it. But: Does anybody happen to have a alternate CSS stylesheet so it'll render a bit more like Visual Studios default coloring? Green comments, red text/strings, etc. ...

CSS z-index overridden by element order on page?

Hi everyone, I've been battling with CSS z-index in IE7 foe a couple of hours now, maybe you can help! I have a absolutely positioned div, appearing above its parent div, which is great. But - it appears under later divs that are siblings to its parent. That seems like quite bizarre behavour, like the z-index only applies to the local...

What methods are there for (graphically) scaling elements on a web page in Internet Explorer?

I'm making a graphical JavaScript application that has elements rotating and moving across the screen (using CSS transform for Mozilla/WebKit browsers and DXImageTransform.Microsoft.Matrix for Internet Explorer.) Now I want to scale the container of these elements (including its child elements) so that I can simulate zooming out. This w...

How do I center a label in a div ?

Hi, I have a div with a height of 30px I want to add plain text to this div, but the question is - how can I make the plain text appear on the center of my div ? i.e, the text will be shown 15px under the top of the div. I tried a label with margin-top:15; but it didnt work Any suggestions ? thanks! ...

What does a star-preceded property mean in CSS?

Hi all, I was looking at a css file today and found the following rule set: display:block; margin:0; padding:2px 0 0 0; *padding:1px 0 0 0; font-size:11px; font-weight:normal; *line-height:13px; color:#3D9AD0; What does the star mean in *padding and *line-height? Thanks. ...

How to make jQuery Mega Menu drop up?

I'm looking at the code from this: http://www.javascriptkit.com/script/script2/jkmegamenu.shtml I would like to modify the code to make the menu drop up instead of drop down. Can anyone help me with this? Thanks! ...

CSS break-word problem with div inside td in IE7

Hello, I'm trying to use the CSS word-wrap property with break-word value. I want to use this inside a td, and apparently need to use a additional div tag for this to work. fine. I tried to build a simplified use-case: HTML: <table class="sectors"> <tr> <td><div>HURTEAUX / Jean-Baptiste mr)</div></td> <td><div>CHEUNJGgdfgdf...