CSS reset - purpose of asterik within a style
The following is taken from the Yahoo css reset. Can someone please explain the purpose of the asteriks? body{ font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } ...
css
Where is this extra scroll bar in IE7 coming from?
I have a CSS layout that simulates a fixed-frame page, with a header and a left side menu, and a content pane. In Firefox, this works fine, but in Internet Explorer 7, there is an additional scroll bar along the right-hand side. If you move the extra scroll bar with the mouse, it will scroll just the header off the top of the page. ...
CSS: Creating table rows with wide borders without bleeding into adjacent rows
I have an HTML table of tickets listings (e.g. http://seatgeek.com/event/show/23634/buffalo-bills-vs-tennessee-titans/). I'd like to highlight certain rows with a 2px border. The problem is that this is bleeding into adjacent cells and covering up other borders. For example, I have a 1px bottom border on the first row of cells (to d...
AjaxControlToolkit, ComboBox style
Hi again! I am with a little problem with the arrow image of a ComboBox control (AjaxControlToolkit). I define this style: .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button { margin: 0; padding: 0; background-image: url(../icons/windows-arrow.gif); background-position: top left; bor...
IE6 Shrink-wrap with Rounded Corners
In FF and IE8 things look pretty good. I have a mock up of the drop down that I'm trying to create with rounded corners at bottom here: www.geowinedb.org/drop-down-test/test.html. In IE6 the mega div is extending to the far left edge of the window. What do I need to change/add (e.g. underscore hacks) to get the drop-down to shrink-wra...
Safari/Chrome (Webkit) - Cannot hide iframe vertical scrollbar
Hello, I have an iframe on www.mydomain.com that points to support.mydomain.com (which is a CNAME to a foreign domain). I automatically resize the height of my iframe so that the frame will not need any scrollbars to display the contained webpage. On Firefox and IE this works great, there is no scrollbar since I use <iframe ... scrollin...
Can't get image to appear full size with thickbox jquery
I can't seem to get my image to pop up the actual size when using thickbox. anyone know how to fix this? <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>WildFire</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></script> ...
Determine if a mobile browser is CSS and javascript capable or not...
I'm designing a mobile site, and basically I want two versions. One will be javascript and css intensive, while another will be for older phones. Very simple xhtml. Any way to auto-redirect depending on the browser's capabilities? ...
What are the bad and good points of usin css positioning over Float+margin+padding?
Can we make cross browser css layouts with CSS positioning, without using float? What are the bad and good points of usin css positioning over Float+margin+padding? I want to make layout compatible with all A-Grade Browser and with IE6 Also? IN dreamweaver we have a layer functionaliy to make css layout quickly but it's uses absolution p...
How to make images resizable in flexible layout ?
If we make fluid layout we can use em or % for font and div width and height to make fluid but how to make images resizable? I want to make one layout for all sizes and devices ...
Get position relative to browser window
Hi, I have 2 divs and one is nested in the other. I want to get the child div position relative to browser window. The use case is this: when user scroll down browser, I want to detect the position of the child div and if it is 100px above the bottom of the browser window, I want to fade it out slowly. How do I do that with jQuery? The...
How to align text in a table cell?
<table><tr><td><input type="checkbox" id="41" value="1"> Don't overwhelm yourself <span style="color:black;float:right">111111</span></td></tr> </table> The text "111111" doesn't go to the right. When I use "align:right", it is the same. <table><tr><td><input type="checkbox" id="41" value="1"> Don't overwhelm yourself <span st...
Javascript lights out (css manipulation), like in YouTube
How do I use javascript to black out all content except a single html element? This is Chrome-specific app so CSS3 can be used. ...
conditional formatting: I want to use javascript for rounded corner but only if it's in IE
I use -moz-border-radius and -webkit-border-radius for making rounded corner. However as we know IE 7 doesn't support that. What I would like to do is to basically use standard for firefox and Safari however for IE I would like to use javascript. by using this http://www.editsite.net/blog/rounded%5Fcorners.html My question is how can i...
Getting value of an element inside facebox div using jquery
Hello, I have two div tags as shown below on my page. When i reference the value of itemName element,using $('#itemName').val(); which i have in both the divs, i always get the value of the element in the first div which is ""(blank). Is there a way to get the value of the itemName element in the 2nd div i.e. facebox using jquery ? inf...
CSS rounded corners done quickly: is this an awful technique?
Here's a quick and dirty round corners technique I've been playing around with. <!-- assuming the div isn't statically positioned --> <div> <img src="box_TL.png" style="position:absolute;top:0;left:0;"/> <img src="box_TR.png" style="position:absolute;top:0;right:0;"/> <!-- other content --> <img src="box_BL.png" style=...
Get parent of a child element that has a certain class
I have a nested menu like this: <ul id="menu"> <li>Home <ul> <li>New</li> <li class="selected">Open</li> <li>Folder</li> </ul> </li> <li>Another menu <ul> <li>submenu item 1</li> <li>submenu item 2</li> <li>submenu item 3</li> ...
CSS transform matrices
I'm using the following CSS rules to do a transformation on a simple H2 element, only text inside it: -moz-transform: matrix(0, -1, 1, 0, 130px, 118px); -webkit-transform: matrix(0, -1, 1, 0, 130px, 118px); It works as expected in Firefox; i doesn't work at all in Safari/Windows and Chrome/Windows: the H2 stays where it is. Am I doing...
Create reflected image with HTML Canvas?
I have the following code which tries to combine a vertical mirrored image with a transparent to background color gradient. When combining these two effects it fails, do I need to overlay a PNG gradient over the canvas instead of trying to get the canvas to perform both operations? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition...
CSS Help for IE 7/8
I develop on Mac. I'm having trouble with my #slider div in IE 7/8. Can you help me with the CSS? The #slider div (from what I can see on browsershots.org) fans out, rather than hiding the overflow... http://ftp.crashboxcreative.com/ftp/EastsideBaptist/devSite/ Any help is appreciated. (If this is a bad question, please don't downv...