Hi, I have a problem when I try to center the div block "products" because I don't know in advance the div width. Anybody have a solution? Update: The problem I have is I don't know how many products I'll display, I can have 1, 2 or 3 products, I can center them if it was a fixed number as I'd know the width of the parent div, I just d...
Recently, I started maintaining a web application which unfortunately works only with IE 6. Most of the issues are related to CSS. Is there any tool which can help me standardize the CSS classes to work with both IE 6 and IE 7? I understand I have to go through standards but I need something to start with quickly. Firebug can help me t...
I need to style a table to have rounded corners, and look like the screenshot: I'm just looking at how best to go about it: Normally when I style a div to have rounded corners, I use 2 divs with empty comments at the top and bottom, and apply sizing & background image CSS to them. The table, however, has internal borders, so I'd ha...
If you have a sequence of block elements and you wanted to place margin in between them. Which do you prefer, margin-top or margin-bottom or both? Why? ...
If I were writing my own HTML and placing the values in the table I would use css and style the borders using something like: td{ border-left : solid gray 1px; } ...
I've asked a few other questions here about this system, so I'll try to avoid repeating a lot of detail. The short version is that I have many html pages, each with a form that accepts input, but never saves the input anywhere- they are only ever printed out for mailing. A previously developer who had never heard of @media print did th...
I've taken over looking after a fairly complex site developed by another company, and frankly it's a mess. One of my problems is that there seems to have been no discipline when writing the html so that although they have used css extensively, there are half a dozen css files and a cursory analysis reveals that there is a significant nu...
What's the best way (if any) to make an image appear "grayed out" with CSS (i.e., without loading a separate, grayed out version of the image)? My context is that I have rows in a table that all have buttons in the right most cell and some rows need to look lighter than others. So I can make the font lighter easily of course but I'd als...
How do I create tabbed navigation with the "Current" tab highlighted in the UI? ...
I'm struggling with getting elements to render the same size in Internet Explorer as it does in other browsers. For instance, an image set to 500px wide takes up a significantly larger amount of screen real estate in Internet Explorer as it does in Firefox, Opera, Safari, Chrome, etc. Can someone explain why 500 pixels takes up a diffe...
In IE6 the paragraph following the empty paragraph is displayed with the background color of the empty paragraph, which I'm guessing is wrong! It works correctly in Firefox, but I haven't checked IE7. Is there a CSS solution to this problem, or do I have to remove the empty element? (I would rather not have to remove empty elements, a...
I have a layout that is working, but it has one very annoying problem.. when the content is taller than the screen, the background stops. This is the desired layout in bad-ASCII-art format: _____________________ _ | | long |logo| | | | content | | | | | | | | | | | | | |grad| |gr...
I have a table cell, and I want a div within it to always be at the bottom left corner. The following works fine in IE and Safari, but Firefox is positioning the div absolutely on the page, not within the cell (code based on the solution solution here). I have tested both with and without the DTD, which put Firefox in Quirks mode and S...
I'm sure it's just simple html/css but I don't know what to call the bar (googling horizontal bar html always results in a horizontal rule). http://jquery.com/ has one - the grayish bar the runs across the top separating the menu from the content of the page. I'd love to make one of my own. ...
Hi, I am currently working on a JS menu for a web app. It consists of two bars, the fixed main one and the submenu which is activated (display:block from display:none) by Javascript function. The selected options of the main menu as well as the submenu are also highlighted by adding a class="main_on" and class="sub_on" by onclick event...
It has to be simple, here's my CSS: .progressImage { position:relative; top:50%; } .progressPanel { height:100%; width:100%; text-align:center; display:none; } <asp:Panel ID="pnlProgress" runat="server" CssClass="progressPanel"> <asp:Image ID="Image1" runat="server" CssClass="progressImage" ImageUrl="~/Images/Icons/loading.gif" ...
As a followup to this question on absolute positioning within a table cell, I'm trying to get something working in Firefox. Once again, I'm about 95% there, and there's just 1 little thing that's keeping me from declaring victory. Using the follow sample markup: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www....
I'm newbee in asp.net. Just noticed that the style of the navigation menu on windows.com is just what i need for my website. I'm wondering how to create that kind of drop down list that has multiple columns. When the mouse hover on each item, the column gives a preview of that item. Thank you. ...
I have a page that spits out db data in long horizontal tables. I need to print it nicely so it does not cut off. Any tips ? ...
I think I'm pretty good at using semantic markup on my pages but I still have a handful of classes like this: /**** Aligns ****/ .right_align { text-align: right; } .left_align { text-align: left; } .center_align { text-align: center; } Which, technically, is a no-no. But when you just want to position some text in a table, how cra...