css

Why doesn't my border go all the way to the top of the screen?

I've got a website which has a layout sorta like this: <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> <body style="margin:0px"> <div style="border-left: 5px solid black;"> <div><!-- x --> <div> <div> <div style="margin-top: 100px"> fish </div> ...

CSS Appropriate Way to Center Content

I prefer working with CSS based design, but as more of a back end coder my CSS skills are a bit weak. When I get involved with layout, I tend to fall back on table based formatting because my mind has been warped by years of table based abuse. There's one particular problem that I always trip over. What is the best CSS alternative to:...

Fluid Elements and Overflow Question

So here's a stump I've hit. I'm designing a... Thing. It sizes itself to the browser window, with some controls at the top and a rather large list near the bottom. Anyways, it's basically a table cell that sizes with the browser window, whos size is the document size - 130px in height, and document size - 50px in width. What I want it t...

TinyMCE - external toolbar position

Hello folks, I am trying to work with TinyMCE in creating a multi-textbox, click-to-edit type graphical content editor. I have got TinyMCE to the point where I can add and remove them, position and size them, click to edit them, and so forth - but one thing is bothering me and that is the toolbar. I have an external toolbar that I'm tr...

Need generic div css that does not overlap (like a table)

I'm trying to use divs instead of tables to style boxes around my content. The content can be any size and needs to allow the browser to be resized to any degree. Need the background color and border to contain the content. This works fine with tables. How do I get a div to work the same way? Note: I added "_"s because my non-breakn...

How do you remove the x-axis from a bar chart produced by Google's Visualization API?

Referring to the kind of chart shown here: http://code.google.com/apis/visualization/documentation/gallery/barchart.html There doesn't seem to be a simple switch, and changing the axis color to white (on a white background) didn't seem to do anything. I even tried jquery to hide the selectors produced by the api output but no dice. ...

How to manage styles for child components?

How does one define a default style for a custom Flex component? was a good start, but I want to create custom styles for my custom component which contains other components. The custom component is a Canvas. It contains other Canvases, Buttons, Lists, etc. I do not want to have the child components use the same values as the parent com...

HTML layout problems

I have a problem with dividing a multicolumn layout in HTML. I have divided the page into two columns. inner1 2 rows. another_top1:fixed width,fixed hight response :fixed width,variable hight inner2 2 rows. another_top2:fixed width,variable hight another_below:fixed width,fixed hight The problem: When I try to divide inner1 ...

Whats the correct CSS to apply to a YUI menu bar?

I am trying to figure out the best way to use CSS sprites as header images for a YUI menu control. I have a CSS sprite with the following CSS : .navImg0{width:61px;height:23px;background-repeat:no-repeat;background-position:top left;background-image:url('/dynamicimage/navigation');background-position:-0px -0px;} .navImg0:hover{width:61...

Questions regarding CSS design using 960 grid system

I'm using 960 grid system to create a layout prototype. I would like to set the color between Navigation and Content to #000 (solid black), but I can't figure out how. What I currently get is: Using this code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns...

Can I disable Firefox' image scaling with CSS on a per image basis?

There are two occasions on my web page where I don't want Firefox to automatically scale the images when zooming in and out. Can I circumvent this feature on these images specifically, and have the rest of the images zoom as normal in Firefox (if that's what the users has set in his/her preferences)? ...

How to colour the list-style-type auto-generated numbers?

I'm using the following list: <ol id="footnotes"> <a name="footnote1"><li></a>This is the first footnote...</li> <a name="footnote2"><li></a>This is the second footnote...</li> </ol> With the following .css: #footnotes {list-style-type: decimal; list-style-color: #f90; } #footnotes li {colo...

CSS Won't even apply

I'm having a really really weird problem with a web app I'm programming. Basically, nothing has worked, and I've had to continually reduce the level of complexity of it trying to get something to work. The problem I'm having now is that for some reason my CSS won't apply. I have it linked, and I made sure the ID I used is correct and ev...

Negative CSS selectors

Is there some kind of "negative" CSS selector? For example when I write the following line in my CSS, all input fields inside an tag with class classname will have a red background. .classname input {background: red;} How do I select all input fields that are OUTSIDE of a tag with class classname? ...

Switching Stylesheets(with Javascript?)

Suppose I have 3 completely different layouts for one site.The first is shown by default, but there are hyperlinks at the top of the page. If you click one of them, I want the current stylesheet to be no longer used and the clicked one becomes applied to the HTML document. I'm thinking this is done with Javascript, but can someone show ...

How do you debug printable CSS?

I use Firebug and IE Developer Toolbar all the time to debug tricky CSS problems. But occasionally, a tricky bug comes up that only appears when you go to print the page. What techniques/tools do you use to diagnose problems like this? Is there a way to get more use out of traditional CSS debugging tools in print view? Updated: I alr...

Help with div - make div fit the remaining width

Hi, I have the following html code: <div class="a"> <div class="b"> <a href="#">text</a> </div> <div class="c"> text </div> </div> div.a { margin-top: 10px; clear: left; float: left; width: 100%; text-align: center; } div.b { padding: 27px 10px 7px 10px; background-color: #f...

Howto create a (base controller) printer friendly version?

I working on a project and I would like to have a printer friendly version of the Views I have. Is there anybody who already did this and have some tips how to accomplish this? (what kind Routing is used, etc.) I was thinking of making a PrintController. In the ActionResult of a method in the PrintController to return a View with a spec...

CSS: UL's/OL's vs. Div floating left in IE

The scenario is that the client wants a floating div (the gray box) with text that wraps around it. However some of that text includes ul's and ol's, which hide behind the floating div in IE6. I tried wrapping the ul's/ol's in a div to see if that would help, but have been unsuccessful. Has anyone experienced this problem before and f...

Help me with this div+css problem

Hello, I'm slicing a psd, and there is a part of the screen that will repeat with as many items as it needs, similar to the question list of stackoverflow. It needs to have this structure: Is it possible? How should the css be? Thanks! ...