css

Rendering a hierarchy of "OPTION"s in a "SELECT" tag

My problem is HTML and CSS related. I have a hierarchy type structure that I want to display inside a list. The hierarchy contains Countries, States and Cities (it is three levels deep). I want to display the list inside a select list, each item type (Country, State, City) must be selectable. The items should appear indented as: Unite...

Django Forms Template design classes

Django Forms framework is excellent and renders the entire form by just the following. {{ form.as_p }} For a registration form, it converts above into: <p><label for="id_username">Username:</label> <input id="id_username" type="text" name="username" maxlength="30" /> Required. 30 characters or fewer. Alphanumeric characters only (let...

Playing with PHP arrays

At the moment I have a single array made up of multiple other arrays ie: -- Category -- Subcategory -- Name -- Count -- Subcategory -- Name -- Count -- Subcategory -- Name -- Count -- Category -- Subcategory -- Name -- Count -- Subcategory -- Nam...

CSS 3 Column float (2 fixed, 1 dynamic)

I'm designing a header which is made of 3 parts. The page must be fluid: min-width:940px; max-width:1200px; The first two parts of the header will be fixed size: left middle right <---------><---------><-----------------> 134px 183px (Fill the remaining space) I'd like the right part to change depending...

How to word wrap text in HTML?

How can text like "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" which exceeds the width of a div(say 200px), be wrapped? I am open to any kind of solution such as CSS, jQuery, et cetera. ...

How should I display a table with an XML data source?

I had a CSV file that I converted to XML. I would like to use this data for a table on my web page. What is the best way to tackle this? Thanks. Mike ...

css submit button / a href cross-browser

Hello. I want my submit buttons + links to look as buttons and the same in all browsers. Firefox 3.5 plays nice. But IE6,7,8 have all different looks. Can you help me with that (apparently) simple task? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xm...

How do you specify a css property to be applied only if the browser is IE in the stylesheet?

I know in order to include a browser specific css file you can do the following <!--[if IE]> <link rel="stylesheet" type="text/css" href="style.css" /> <!--> But is there a way to do this in the actually stylesheet itself? EDIT Thanks for the replies, I am just going to build a new IE specific stylesheet and override what I nee...

CSS attribute selector bug in IE8?

as specified by CSS 2.1: input[type=submit] { } or input[type="submit"] { } must matches any input element whose "type" attribute value is exactly equal to "submit". However this selector doesn't works on IE8 (and IE7 compatibility mode). Any hint? workarounds? ...

Forms CSS ... this is getting ridiculous

Bottom Line Up Front Is there a CSS way to solve this? Or will I have to hack this jquery plugin I'm using to move the dynamic dropdown div to the OUTSIDE of the form, do a position:absolute, and move it back up in the form? (hmmm this 'tags' field at stackoverflow looks like JUST what I need :-) EDIT Fixed page example to validate. S...

Whitespace at bottom of page in IE7 and Chrome only

Hi. I'm seeing extra whitespace at the very bottom of this page but only in IE7 and Chrome (and, as would be expected, in IE8 in IE7 Mode and Compatibility Mode). Here's what it looks like for me in IE7. I've examined the code using Firebug and the IE Developers Toolbar and didn't find any abnormalities. Anyone know what is causing th...

How do I code CSS to "change" when I load/pull content using ajax?

I have 4 links that are being displayed as an image. The a tag is displayed in CSS by a small image and the a:hover is represented by a larger image. I am using ajax to load the content that each of these links represent. http://www.avant-gardesalon.net/site/quality-products_copy.php How do change the CSS so that when the content (for ...

css selection is not working in IE

am using the following css code for the style, but it is not working with any of the IE version :( is there any solution in css or any kind of script(js) can resolve this??? ::selection { background: #990000; } ::-moz-selection { background: #009900; /* firefox*/ } ...

@font-face is deprecated on the iPhone version of Safari. What are my alternatives?

According to Apple's documentation, @font-face is deprecated for use on the iPhone version of Safari. The iPhone only includes 11 fonts, AFAIK, and, in any case, I need a nice blackletter font for an app I'm building. I'll be generating random text, so images are not an option. What alternatives do I have? Am I stuck with a JavaScript so...

How do you overlay a div over an img, and show another div onmouseover?

I have a list thumbnails that lead to larger counterparts when clicked. I'd like to show the image title in a div, at the bottom edge of the thumbnail. Also, when a mouse is moved over the thumbnail, it shows a 2nd div (containing text) over the entire thing. Whats the best way of doing that? If a js library is required, jquery is prefe...

Anyone know a good tool (ASP.NET or compatible) for generating Sprites and the corresponding CSS from a set of images?

I'm at the end of an ASP.NET project and we've been using YSlow to analyze our site. There are a ton of images and we'd like to combine some of them into a single request. Any suggestions? ...

Stretch and Scale a CSS image Background - With CSS only

Good day. I always wanted to do this. I want that my background image stretch and scale depending the Browser view port size. I've seen some questions on SO that do the job, this One for example. Works well, but i want place the img in the background way, not with a image tag. In that one is placed a img tag, then with CSS we tribute...

Font size and line height for a Web page

What is the best value for font size and line height where readability is concerned? I myself prefer huge font size and greater line height like the one used in Dive into Python 3. ...

Google map + jQuery: rendering bug

When placing a google map inside a jquery-ui tab, the map fails to display properly in certain circumstances. To reproduce: Go here Click the 'list' link Resize the browser window Click the 'map' link Observe that some of the place name overlays draw properly, but others do not. I've actually stripped out all of the jquery-ui stuff t...

How to override the "always show" attribute of a flash plugin in my wannabe-hidden div?

I have a flash object that I am trying to show and hide along with the rest of my hidden div. Without the flash object, the hidden div works great. When the page loads, this style keeps the div hidden: <style> div {display:none;} p {display:none;} div p {display:none;} </style> But when I add the flash object it always appears. <div ...