I can't get the inner div (with Hello World) to fit inside the "box" div in this code example (also at http://www.toad-software.com/test.html). Despite the body being set to 100%, the inner div will not be contained! This is a test case for a larger project in which a variable-width table exceeds the boundaries of its container. The tab...
I am experementing for the first time with css layouts (have experience of the very basic css setup). All I want to achieve is a 2 column layout (left panel and content). I have found this: #leftcontent { position: absolute; left:10px; top:10px; width:170px; border:1px solid #C0C0C0; padding: 2px; } #centercontent { position...
Am developing my web application using Django, and is seems CSS is the only way i can format my pages to look and feel nice. Where can i get a free and good css editor? NB: Is there another way to format forms in Django? ...
I am creating my application using Django, and am wondering how I can make Django use my CSS file? What settings do I need to do to make Django see the css file? NB: On a local machine ...
Is it possible to replace the standard broken image via CSS or using another technique? All my images are the same size and my have transparency. I've tried to wrap all images with a div's background: <div class="no_broken"> <img src="http://www.web.com/found.gif"/> </div> <div class="no_broken"> <img src="http://www.web.com/no...
Is there a website I can create an HTML final four bracket? Or is there just HTML out there that will create it automatically and I can just fill in the specifics? ...
Hi The simple HTML below displays differently in Firefox and WebKit-based browsers (I checked in Safari, Chrome and iPhone). In Firefox both border and text have the same color (#880000), but in Safari the text gets a bit lighter (as if it had some transparency applied to it). Can I somehow fix this (remove this transparency in Safa...
I've got menu items that look like this <ul> <li>Item1<span class="context-trigger"></span></li> <li>Item2<span class="context-trigger"></span></li> <li>Item3<span class="context-trigger"></span></li> </ul> with CSS that turns the above into a horizontal menu, and JS that turns the [spans] into buttons that bring up contextual m...
I use div tags to define areas within my web pages. I set all the obvious things like background, size, padding, etc. But it is all very square. How can I use only CSS to round the corners? ...
I'm working with jQuery and looking to see if there is an easy way to determine if the element has a specific CSS class associated with it. I have the id of the element, and the CSS class that I'm looking for. I just need to be able to, in an if statement, do a comparison based on the existence of that class on the element. ...
I have an XML document that I'm trying to style via CSS. A relevant snippet of this XML looks like this: <senseBlock> <prelim>Not numbered</prelim> <sense>first item</sense> <sense>second item</sense> <sense>third item</sense> </senseBlock> I need to present the <sense> elements as an ordered list, but only if there i...
I have used this in my HTML: <q> Hai How r u </q> Which shows the text in quotes, like "Hai How r u", for example. This is working fine in FF but not in IE 6.0. Please let me know why this happens, and any solutions you might know of. I don't want to use the quote (") character in my HTML or a separate css file for this. ...
In CSS, with: @page { @top-right { content: "Page " counter(page) " of " counter(pages); } } I can have page numbers displayed at the top of every page when the page is printed. This works great. But now, how can I make it so the page number starts with 2 instead of 1? Can I do that by modifying the CSS rule above? ...
I have a gradient image as a background for a table header(9x18pix). This image is called through a selector class. When the header content grows to 2 lines(vertical height increases), the bg image is tiling vertically and looks ugly. How can I stretch the bg image vertically without tiling? ...
The problem: We have a page that ordinarily has two elements arranged side-by-side. <div id="container"> <div id="element1">content</div><div id="element2">content</div> </div> But in some conditions only element2 is on the page e.g.: <div id="container"> <div id="element2">content</div> </div> Despite exploring a few angles fo...
Hi, I'm more of a programmer than a designer, and I'm trying to embrace DIV's rather than using tables but am getting stuck. Here's what I'm trying to do. I am setting up a survey page. I want each question's text to sit at the top of the blue div, and wrap if it's too long. I want all of the red divs to line up at the top right cor...
Let's say we have defined a CSS class that is being applied to various elements on a page. colourful { color: #DD00DD; background-color: #330033; } People have complained about the colour, that they don't like pink/purple. So you want to give them the ability to change the style as they wish, and they can pick their favourite ...
Hey, I want to have two items on the same line using 'float: left' for the item on the left. I have no problems achieving this alone. The problem is, I want the two items to stay on the same line even when you resize the browser very small. You know... like how it was with tables. The goal is to keep the item on the right from wrapping...
I'm interested to find which way of creating box shadows with css is most effective. But that I mean : ease of implementation, flexibility, and cross browser compatibility. ...
I have a very specific html table construct that seems to reveal a Gecko bug. Here's a distilled version of the problem. Observe the following table in a gecko-based browser (FF, for example): (you'll have to copy and paste this into a new file) <style> table.example{ border-collapse:collapse; } table.example td { border:1px ...