Detect Browser Support for display:inline-block
How can you detect if a browser supports the CSS attribute display:inline-block? ...
css
css float doesn't resize to fit new content
I have a form I'm floating. When there is an error, via jquery, I'm adding some content to a p within the form. However, the form doesn't vertically resize to fit the new content. Is there something I have to do to get a floated element to resize when the content within it changes? ...
Changing font colour in Textboxes in IE which are disabled
I noticed that you can change the colour of text in textboxes which are disabled in Firefox applying a simple class but could not get a way to do it in IE 6/7. Does anyone out there have a elegant solution to achieve this. ...
In CSS what is the difference between "." and "#" when declaring a set of styles?
What is the difference between "#" and "." when declaring a set of styles for a particular element? Here are two examples. .selector { background-color:red; property:value; } #selector { background-color:red; property:value; } ...
jQuery dropdown - CSS issues
Hey, if you to go: http://catonthecouchproductions.com/fish/ and those images under the dropdown are suppose to be hidden then appear on hover, I have this so far: $(document).ready(function() { $('.btn-fishing-trip').hover(function() { $('.fishing-trip').slideDown("slow"); }, function() { $('.fishing-trip').slideUp("s...
Sub-items in ordered lists (for IE6 and IE7)
Hello Stack Overflow, I am attempting to figure out how to create incremented lists with IE6/IE7. E.G. It should look something like below: 1.0 1.1 1.2 1.3 2.0 2.1 2.2 From what I understand, this is possible to create in CSS with something like this: UL, OL { counter-reset: item; } LI { display: block } LI:be...
Line-height in IE vs. Firefox
I have an H1 with a defined font-size and line-height and zero padding and margin. However, the result in IE has an extra pixel of padding on the top before the text starts, even though the element still takes up the same vertical space. Is there an inconsistency in how line-height is rendered across browsers? styles: h1, h1 a { font...
web page appears scattered when loading?
When loading a page for the first time, the images do not show for a second (like they are invisible). The structure of the page becomes appears to be scattered. If you hit refresh, it is fine. Are there fixes that can resolve this? ...
How can I keep content from re-sizing it's wrapper div?
I'm a css noob, and though I want this DIV to resize when the window is resized, I don't want inner content to change the size of it. ...
How do you force all li elements in a ul to be the same size as the largest item without setting a fixed size?
I have a list of categories on a page, each with a nested list of subcategories. The category list item style arranges the items in a grid pattern (via display:inline; float:left), with the subcategories showing underneath in a normal list layout. The categories and subcategories are user configured, though I don't expect there to be hu...
word wrap/break in FF help?
I am building new site FF and IE compliant...what is best way to have sentences wrap to fill container in firefox? This works in IE without any problem. Currently I am using the following doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> thanks ...
Problem in iE6
I have used the code below to divide the pages into two halves, 28% and 72%. But the background color set by the wrapper tag should fill 28%; in my case it works fine in IE7. In IE6, the background color is visible across 100% of the width instead of 28%. How do I fix this? My code: #wrapper{ float:left; width:28%; back...
Header message just like at Stack Overflow
Hi, This is the first time I visited stack overflow and I saw a beautiful header message which displays a text and a close button. The header bar is fixed one and is great to get the attention of the visitor. I was wondering if anyone of you guys know the code to get the same kinda header bar. Would appreciate any help!! Thanks ...
HTML+CSS to RTF (in PHP)?
I am desperately seeking a solution to converting HTML + CSS (2.1) to RTF in PHP. While I have found a superb solution for HTML to PDF in Prince XML, I've yet to find anything that: can convert HTML to RTF (or DOC); runs on a Linux server; is callable from PHP; handles paged media and the ability to add page headers and footers; and h...
CSS menu broken in Firefox (display:table-cell;)
HTML: <td align="center" width="100%"> <a class="Forum_ib_moderate" href="Default.aspx" title="Moderate"></a> <a class="Forum_ib_admin" href="Default.aspx" title="Admin"></a> ... CSS: A.Forum_ib_moderate:link, A.Forum_ib_moderate:visited, A.Forum_ib_moderate:active, A.Forum_ib_moderate:hover { background-image: url(images/ib_mode...
Visited link color changes
I have this class: .news_item_info { font-size: .7em; color:#000000; text-indent: 30px; a:link { color: #000000; } a:visited { color: #000000; } } Here its with code: <div class="news_item_info"> <?php echo $articles[$index]->getPoints(); ?> puntos por <span class="news_item_user"><a href="/index.php?actio...
asp.net - How to render html tags in a ListItem text property?
Hi, I have a DropDownList control that is populated via server side. I use a For Each [datarow] loop and create a New ListItem In the DataRow is a column with the ID 'Title'; this field may contain either <B> or <I> tags. (ex. "[Title] in <i>[Parent Title]</i>") The problem I am facing is when I [DropDownList].Controls.Add([ListItem]...
Define global site style for asp:GridView with plain CSS (without using VS Skins)
I am working on a fairly large aspx web project with extensive use of asp:GridViews I'd like to use CSS to define in one place how all gridviews will look, by default. As far as I understand, one way of doing this is via "Skins" in Visual Studio....but I recall doing a bit of research a while back and found many people despised skins a...
Block-level elements within display: inline-block
I'm trying to put some (vertically-stacked) display:block elements within a display:inline-block element. According to the CSS specification, the inline-block element should be a containing block, so it can have display:block elements within it and those should not affect the rest of the layout. However, the display:block elements insid...
HTML Strict & CSS: How do I close the gap?
In the following web page, there is a gap of a few pixels between the image and the div. (I've tested in Firefox 3 and Safari 4.) How can I close the gap? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test Page</title> <style type="text/css" media="screen...