Is it efficient to use css frame works? If so, which one is best? Or any comparison comments?
Is it efficient to use css frame works? If so, which one is best? Or any comparison comments? ...
css
Inconsistent box model between <input type="submit"/> and <input type="text" />
After much frustration, I've realised that <input type="submit"/>s have a border-box box model, whereas <input type="text"/> has a content-box box model. This behavior is present in IE8 and FF. Unfortunately, this prevents me from applying this style for nice evenly sized inputs: input, textarea { border: 5px solid #808080; padd...
The top border of the table disappears using style "overflow:hidden" and "border-collapse"
Take a look at the following code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head></head> <body> <div style="float:left; overflow:auto; width:400px; height:300px;"> <table cellspacing="0" cellpadding="0" border="0" style="width:600px; border:sol...
jQuery based min/max width fix for IE6
Anyone know of a decent, reliable, jQuery based min/max width fix for IE6 ...
Dynamic width floated div with nested floated blocks.
I have a template with a content area in which I want to add a centered navigation block. The navigation block is supposed to look like this: |----|-------------------|----| | > | |----|-------------------|----| There are 3 blocks: the right and the leftmost ones are divs containing an "a" element with display: block, fixed width/hei...
How to make a CSS file valid?
I have a CSS file that uses CSS3 properties (opacity and -moz-* and -webkit-* ones). Of course, it doesn't validate as CSS 2.1. Not a big deal, but nevertheless is it possible to make it a valid CSS 2.1? ...
How to create vertical text using only CSS?
Is it possible to create vertical text using only CSS, compatible with IE6+? By vertical I mean F O O B A R ...
Visual Studio 2008 - Un/Comment button for css
Is there a way to add a comment/uncomment css line/s button to the menu in the VS2008 css editor? Other than adding a macro. Thanks. ...
CSS Position Absolute Z-Index Issue
I have a form that uses a div that is positions over some input elements. For some reason, those input elements are above the positioned div, even though the div has a high z-index. Really not sure why this is happening, as the input fields don't even use absolute positioning, so I would think they would never be on top of another elem...
How can I show a context type menu when clicking a user's photo, With multiple user photo's per page?
I need help, I need to make a menu that only shows when you click on an iamge, I need to position the menu directly to the right hand side of the image div though. So can someone look at the link provided and help me to position the menu div next to the photo div? Then maybe show an example of the best method to show/hide the menu di...
What's my best option for XHTML standards compliant fixed spacing?
I'm trying to space out the items in this menu with the exact same number of pixels. In the 90s, most web developers I knew either used spaces or a spacer gif. These work, but they feel like bad hacks to me. There must be a better way to do this in 2009! I'm more of a back-end coder, so I've been out of the loop for a while. I'd apprecia...
CSS Sticky Footer - what if you have absolutely positioned divs on the page?
I'm using this solution, which has worked for me before: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ I'm currently working on a site, and it's not working. I think it's because I'm using absolute position on some divs on the page. Instead of sticking to the bottom of the page, the footer shows up under the header, on ...
how to find pixel position of image from sprite image
i want to know how to find an image position(coordinates) while using sprite image for styling. ...
CSS rendering on IE help needed
I am pulling my hair trying to find a fix for this problem. If you go to this site you will see that (under IE) the slider and the menu on the top is broken. Works fine under all modern browsers. Any idea how to fix this? Thanks. Edit: Want to add that the original site design works fine under IE. I did a massive amount of editing und...
Is it safe to allow users to edit css?
I have a web application where I would like to allow end users to customise the look of the web site by uploading their own css file. Are there any security issues with this? I can't see anything obvious but thought I'd ask in case there was anything I'd missed. ...
how to stop displaying tooltip on some of the inputs in the form when using jquery tools
hi, im trying to use jquery tools tooltip (http://flowplayer.org/tools/tooltip.html#events%29on a form to show hints to the user. the hints come up on every single input field, even submit button. i would like to disable the hints on some inputs of the form. when i remove the title element from the input tag, the the hint still comes ...
anchors and regular links - styling
In a webpage I'm building I use anchors for easy navigating. The styling of these anchors in IE6 gives me some troubles. <div class="text"> <h3><a class="anchor" name="custom_name">Title</a></h3> Lorem ipsum <a href="otherpage.aspx">dolor</a> sit amet. </div> With this CSS: .text { color: #000; } .text a[href] { co...
Cufon line-height is not working at all
I'm using Cufon ( http://wiki.github.com/sorccu/cufon/about ) to use special fonts in my website. But when I apply line-height in CSS, it doesn't affect my Cufon fonts. But in IE it does work. What could be reason for this behaviour? ...
HTML Left and Right Align Elements
To accomplish this I have done this: <table style="width:100%;"> <tr> <td style="width:50%;text-align: left;">left</td> <td style="width:50%;text-align: right;">right</td> </tr> </table> How could I accomplish this in the simplest fashion (least markup) without using tables? I just want to align 2 elements to the max left a...
Hide DIV when empty
I have some server side HTML output I cannot deal with using pure CSS, essentially the DIV sometimes holds: <div><span>Content</span></div> or <div><p>Content</p></div> or <div>Content</div> or <div> </div> When the DIV == <div> </div> I want to remove it. Any ideas? ...