css

Getting a horizontal scroll bar within a 100% div

I'm trying to build a quick overview that shows the upcoming calendar week. I want it arranged horizontally so it can turn out to be quite wide if we show a full calendar week. I've got it set up right now with an inner div with a fixed width (so that the floated "day" divs don't return below) and an outer div that's set to width: 100%...

CSS float causing background image to appear incorrectly

I'm using a background image to add a custom bullet to list items in my content. In the content there are also images floated left. When an image and a list item are next to each other, the bullet appears where it would do if the image wasn't there, but the text wraps around the image. Here is an example: http://golf2.test.textmatters.c...

How can I hide an HTML table row <tr> so that it takes up no space?

How can I hide an HTML table row <tr> so that it takes up no space? I have several <tr>'s set to style="display:none;", but they still affect the size of the table and the table's border reflects the hidden rows. ...

Problems with sticky footer - CSS - main content wont go 100% height (float)

I'm trying to implement hxxp://www.cssstickyfooter.com however I am having a few problems! See screenshot: hxxp://img22.imageshack.us/img22/2654/71161106.jpg The div "Content" contains both left and right columns. On smaller resolutions this is working as expected however once the user starts to increase there resolution the content does...

Why does sIFR chop off letters?

What would cause the bottom of characters like p, f, y to be invisible when using sIFR? ...

How to make CSS column not be forced down

In the following example how do you 1) make the text "This is the second entry..." wrap and not have that .entry div forced down and 2) how do you make the the #right div not be forced down either? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="h...

CSS/JavaScript Technique to dynamically force 2 divs to be the size of the larger div

I have 2 divs, a main content section and a sidebar. What I want to happen is force each div to be the same height as the tallest div If the Sidebar Content is taller then the Main Content I want to push the Main Content down to match the Sidebar Content's height +--------------------+----------+ | Main Content | Sidebar | | ...

CSS cursor customization.

I'm trying to make a CSS code that changes the cursor to a picture file when the cursor is on a webpage. I've seen sites that give you a simple code to do it but they always have ads. Any codes you guys know that can do this? ...

when will "a" tag not inherit color attribute of parent tag?

Here is my code: css part .blue { color:#6E99E1; font-size:9px; } markup part <span class="blue">::<a href="/equipment_new.php">CLICK HERE</a>:: to view our New Equipment inventory. <br /><br /></span> I've somehow triggered something that prevented "a" tag from inheriting color of parent tag(here "span") now. ...

Overflow css attribute browser interpretation differences

Hi, I was just skinning a website and found that overflow:visible renders two completely different things from Firefox to IE. Firefox just displays everything outside of the container... like this: -------------------------------- | div style="overflow:visible" | -------------------------------- //overflow content from the div ab...

Ajax upatepanel on user control, parent's inline style not rendered by IE

Hi, I have a asp.net page, the main content section displays the custom html content from the database. To the right of it, it has a few user control that lets the user make drop down selections and go to its perspective links. So it's something like this: <asp:Content ID="Content3" ContentPlaceHolderID="mainContentPlaceHolder" Runat...

Weird problem using custom fields

Hi, I am trying to pull content from specific categories and have them appear on the homepage along with an image that is pulled from the custom field for that entry. Everything looks like it is working ok.. and the second entry works as it should, however with the first entry, only the image links back to the post, the title and read m...

Tools Debugging CSS in Internet Explorer

Are there tools other than Firebug Lite that might help one get into Internet Explorer's buggy little mind and find out precisely where and why it's mangling my CSS so badly? Firebug Lite is a useful tool of course, but it seems to be missing the crucial feature (present in the 'full' Firebug plugin) that allows you to see which parts o...

Objects on the Same Line without Losing positions?

Hello There, I am trying to put two banners on top of a navigation bar with everything nicely centered. I can get the two banners to nicely sit by one another but when I make the browser window smaller the first banner goes on top of the second! Is there a code where I can prevent this??? If so please let me know. Thank you very much....

How to get rid of white space between <a hrefs> and <img>

I have a bunch of hrefs that have images inside to make a menu on the upper left corner of the page. After the menu i have an image right next to it that expands to the end of the page. However that image right now is dropped below the menu area. How do I get rid of this white space? .MenuArea { position:relative; width:225...

Has anyone gotten IE8 to read DHTML behaviors encoded as base64'd data URIs?

Here is the HTC content I'm encoding (nothing fancy): <public:component> <script type="text/javascript"> alert('data URI'); </script> </public:component> Here is the definition in the CSS file, with the above component base64'd: .something { -ms-behavior: url(data:text/x-component;base64,PHB1YmxpYzpjb21wb25lbnQ+PHNjcmlwdC...

nested forms (design question)

Hi, I have a list of items displayed on my page. Item A [Edit] Item B [Edit] Item C [Edit] Each item is editable When you click on a edit icon. The edit form is displayed with a ajax call and the controller return a form. Edit form for Item A [Save] Item B [Edit] Item C [Edit] But all the list is bulk editable and so each item h...

Overuse of nested DIVs. Bad practice or bad for search engine indexing?

I am working on a website frontend and found myself constantly nesting divs for layout purposes. Without using tables for layout it seems like the natural option to layout boxes within boxes. However looking at my completed source code its not unusual to see 3 or 4 layers deep of nested divs... Is this a problem and should I bother sp...

How to select an element that must have more than one css class?

I have an element that has two classes at all times: <p class="general_description laptop"> <p class="images laptop"> <p class="specs laptop"> One class describes the item (laptop) and the other (general_description, images, specs) describes the state that the page needs to be in to present one of three types of information about the ...

How to make 2nd element get rest of the horizontal space

I want to make first input have the width 100% and second + image = 100% so that second input get the rest of the space (100%-img size) on the same line. Is it possible to do using CSS? <html><head><title>width test</title> <style type="text/css"> .t { width: 100%; table-layout:fixed; } .caption { text-align: left; wid...