css

-webkit-tap-highlight-color: rgba(0,0,0,0); on a div?

Is there any way to apply this to a div? ...

How to align text and image in a CSS box?

I would like to vertically align some text and an image in a CSS box. I tried several methods, here is the code for the last one I tried called "display:table-cell-method" <div style="border-color:blue; height:200px; display:table-cell; vertical-align:middle;"> 2:38<img src="images/stopwatch-button-play.png"> </div> Here is a screen...

What's the best way to emulate a firebug workflow for css in IE6?

So I do quite a lot of CSS development, and I work with Firefox / Firebug A LOT. I generally know how to debug for IE6/IE7 (as far as techniques) and if I have the source, I can easily just edit the actual files and run a local server on a linux machine and test it in IE, going back and forth until it's fixed. I find myself lately being...

Don't show hidden divs in wizard on page refresh?

I created custom wizard that uses hidden divs for wizard pages. Here is the demo and the source code. You will notice that on each refresh (F5 or ctrl-r) of a browser, divs with input boxes will be shown for couple of (mili)seconds. Is there a way to eliminate this effect? This question is connected with how-to-preserve-textbox-valu...

How to highlight a table cell (TD) when radio button is clicked with JavaScript/JQuery?

I'm developing an online baseball/softball scorebook application. I want to visually change the CSS of the specific table cell (a specific TD) when the user changes the value of one of the radio buttons inside that TD is selected. Here is a JPG of what the table looks like: http://www.ppgeez.com/images/gt_ab.jpg There are 12 players ...

How Visually Long is a String?

I'd love to know how long a string is when it appears on the screen. We're not using a fixed width font, so: "Our mother's tummy makes dummy noises." is much wider than: "Lilly Leadbetter lives life leisurely." Is there a way to tell how long something is by the characters? I don't need pixel perfect accuracy, just long enough to e...

Multiple level template inheritance in Jinja2?

I do html/css by trade, and I have been working on and off django projects as a template designer. I'm currently working on a site that uses Jinja2, which I have been using for about 2 weeks. I just found out through reading the documentation that Jinja2 doesn't support multiple level template inheritance, as in you can't do more than on...

CSS - Creating a scrollbar that controls a separate DIV

I need to create a horizontal scrollbar that will control a the scrolling inside an horizontal DIV. I can't use the regular OVERFLOW:AUTO CSS since the scrollbar is visually separate from the div. There are some (static) items between the scroll and the DIV. I thought of using POSITION:FIXED for those items, and keep them inside the ...

Width of nested elements

By default the CSS Width property is set to value “Auto”. What width value is used on an element when Width is set to “Auto”? If we nest a textbox ( <input type="text" /> ) inside div element, the width of which is smaller than that of a textbox, then part of textbox is displayed outside the div element (I think it's called overflowin...

Default margin set on the <body> element

It seems my browsers has a default margin set on the <body> element and thus if some element E ( declared inside the body element ) has a margin of 10px, E will be removed from the edges of browser by distance = body_Margin + 10px. a) Assuming we also have an element B, which is absolutely positioned: #B { position:abs...

css positioning

Can't seem to figure out why my navbar isn't floating left. Been messing with it for a good hour now, not sure what happened. Any help would be greatly appreciated. http://ithacawebdesigners.com/temp%5Fdata/wildfirewp/ ...

Examples of modal dialogs for comment forms?

I'm looking for examples of actual websites (not articles/demos) that use a modal dialog (like a jQuery dialog) to display comment or contact forms, in order to get some ideas of how I might want to implement similar functionality. I'm having some difficulty finding such sites via search, though. ...

developing asp.net mvc app, index table overlaps page border

I am developing my first web app after years of C# Windows Forms development in .NET. I've been following the NerdDinner tutorial and making changes where needed to suit my programs needs. I have some more things to add, but currently all the functionality is working. I've kept my Index View as a table. When it displays, the table is...

How can I make a footer's height expand to take up the remainder of the screen?

I'm looking to do something like: Where I have a footer at the bottom of the page which has a height that expands to take up the remainder of the screen. Is it possible to do this in CSS? ...

CSS tabs won't work as links

here is the site i am having problems with http://www.iaddesign.com/avola when i try to click on the tabs it wont work. i have a hover affect with css and cant figure out how to make the tabs work. let me know thanks. ...

img with {display: table-cell} -- is it a bug?

I want to use the display: table-* css properties to format a list of photos. I believe that below is a "correct" implementation of it, in that there's nothing theoretically wrong with it, but it displays in Firefox and Safari with the table layout screwed up, as you can see by the borders. For a comparison, try wrapping both img tags be...

Image isn't reflecting its properties

http://grab.by/1rI8 I wrote some jQuery script so that the background image will always scale and will never show a blank spot. function runIt() { currentHeight = $("#bg").height() //useless for you currentWidth = $("#bg").width() //useless for you ccurrentHeight = $("#cover").height() //useless for you ccurrentWidth = $("#cover")....

How can I "position: fixed" a div properly?

If you'll take a look at my site http://www.metroflatsmiami.com/listing.html, you'll see that I have a floating DIV on the right, but the thing is it's set off the left side. If you resize your window (or have a different resolution), it won't look right. I want it to always be just to the right of the main content DIV, but still scrolli...

Change color of elements using jQuery

This should be easy but I'm not getting it for some reason. How would I set the CSS color style (e.g. color:green) of all the elements who are of class 'foobar' using jQuery? ...

nothing showing in input box in IE if we type anything?

see Name and Email input boxes in header see here ...