css

How does typekit.com work ? @font-face

How does typekit.com work ? There are many site like typekit allow css designers to use custom fonts ? but how ? How can I make a site like typekit ? What technology is used ? Are there any open source ? ...

iPhone Safari CSS image-background rendering bug

Hi guys, I spent lot of hours trying to figure out the following mystery that is happening on iPhone with rendering my rounded corner box. It is a simple technique where there are 3 divs and basically 3 parts of the box: top, middle and bottom. Where the middle is repeating on the y-axis and top and the bottom are absolutely positione...

"Body Onload" to send "ScrollHeight" not working properly in Chrome and Safari

I just asked a question here, about why an iframe_resize function wasn't working. After troubleshooting, I found out that the problem is not the function, so I am posting a new question. I have an index.html with this resize function: function resize_iframe(new_height){ document.getElementById('iframe001').style.height=parseInt(ne...

Chrome - underlining certain links?

I'm updating some style sheets that were working perfectly in FF and IE, but are broken in Chrome, and some links (not all) are being underlined. I cannot for the life of me see where in the CSS or why. It's driving me nuts. Any suggestions? Edit: this is some of what is turning up in Chrome's 'matched rules' section, if that helps.. d...

CSS Language Speak: Container vs Wrapper?

What's the difference between container and wrapper? And what is meant by each? ...

CSS - How can you apply Border Shadow Inset only to 2 sides?

I want to apply the inner shadow only to the bottom and right sides. Is there a way around this? The few hacks I have seen seem to be relating to regular border shadow, where it's easier to cover up a drop shadow then remove an inner shadow -moz-box-shadow: inset 0 0 10px #161616; -webkit-box-shadow: inset 0 0 10px #161616; box-shadow: ...

Form CSS: Styling a radio box's parent (label) based on checked / unchecked status

So i have a form. Most of the questions asked in the forms are using Radio inputs. i'm going with <label>Option1 <input type="radio"> </label> <label>Option2 <input type="radio"> </label> I'm styling the Labels using :hover, giving it a subtle background change to indicate which option you are highlighting. However, i want t...

the footer css does not work when the page loads dynamic content at button click

please help .html <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head runat="server"> <title></title> <l...

Why <div class="clear"></div> instead of <div class="clear"/>?

I just realized that: <div class="clear"/> after a series of floating divs causes layout havoc, while <div class="clear"></div> works fine. Can anyone explain this? This is the CSS: div.clear { clear:both; } ...

IE document viewport border

In some versions of IE, there is a thin 2px border surrounding the document view port. I haven't noticed it for any other browsers yet. This poses a slight problem in calculating mouse positions for the page and client areas. Originally, I simply subtracted 2 from each of the calculations to account for the border. But then, when I test...

some IE6 versions crashes WHEN people visit MY SITE

Hi My website is html/css website. i did not use tables at all. There is a version of IE6 that crashes when someone visit my site., ...

my span can't stay in a div element

Firefox , safari and chrome works fine but not IE ... Here is my HTML <div id="sc-footer">Total<span id="sc-total">$0</span></div> css #sc-footer{ font-size: 1.6em; line-height:1.5em; position:absolute; bottom: 20px; padding:9px 5px; height:20px; background: #dadada; color: #545454; } #sc-total{ display:inline; float:rig...

Does @font-face work in all browsers ?

Does @font-face work in all browsers ? How can i use @font-face (I want example). ...

Is it possible to reference one CSS class within another?

For example if I have the following html: <div class="someDiv"></div> and this css: .opacity { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .radius { border-top-left-radius: 15px; border-top-right-radius: 5px; -moz-border-radius-topleft: 10px; -moz-border-radius-top...

margin: 0 auto not centering?

I've tried the following code in Chrome, Firefox, and Safari, but my div isn't quite being centered. HTML: <!DOCTYPE html> <html> <head> <link href="custom.css" media="screen" rel="stylesheet" type="text/css" /> </head> <body> <div class="center">Hello!</div> </body> </html> custom.css: .center { width: 400px; mar...

@font-face anti-aliasing on windows and mac

I've used http://www.fontsquirrel.com/ to create a @font-face kit. It works fine, but the result on windows is different from the result on mac. On windows the font seems to have a wrong anti-aliasing: this is the result on Mac with FF, Chrome or Safari (all updated to last version). this is the result on Windows with FF or Chrome. ...

Strange inline styles coming from where?

I have a script, which has been causing me quite some issue today. :-) The script is apparently placing inline styles on the target element, but I can't find where they are defined. So the script is a slider called EasySlider. It works quite nicely to display featured content in a slide fashion. However, the script is putting an inline ...

Positioning a background image with CSS

Hi, Is there a way to precisely position a background image with CSS? Code: .content h2.productSpotlight {background:url(/images/spotlight.jpg) no-repeat; padding-left: 35px;} I want to be able to move the image around so its more flush with the H2 Thanks ...

Store a clicked link state using jQuery?

$('#nav a').click(function () { $('#nav a').removeClass('current'); $(this).addClass('current'); return false; }); My HTML is: <ul id="nav"> <li><a class="current hoc" href="#spread1-anchor">Home</a> /</li> <li><a class="bgc" href="#spread2-anchor">Background</a> /</li> <li><a class="apc" href="#spread3-anchor">App...

referencing images in app_themes/images folder after combining css scripts ...

Hi, I wanted to combine app_themes css files into one on the fly. I did so using Mads Cristensen technique. But now all elements that has background image defined through css (see picture) don't display image. . I believe that is because css files are not relatively referenced anymore (../), but through axd file. I'm trying to fix this ...