css

Problem in chrome, HTML Form in div over a div.

I've got 3 div's on my page, one is the form which is last in the code and positioned ontop of the first 2 divs. In Google Chrome when I try click the form fields it wont let me unless I click the bottom bit of input boxes or the very top of radio buttons. I've confirmed the problem is with having divs behind it by removing the other 2 ...

Best way to do a menu like this

Below is an image from a site that hase user photo's, they link to a profile but on the image you will see a + sign, this part links to add a friend. I am wanting to do something similar but instead of just having the plus sign part be a link, I am wanting to click the plus sign and have a couple of links appear, kind of like a dropdo...

Why would my site change sizes from testing offline to uploading it?

I am building a new site, and I have a folder on desktop with everything in it. For testing basically I open the index page in a browser and preview that way while building it. It looked correct in firefox, safari, chrome and opera on my mac. I uploaded that file to the server, and now firefox on mac displays everything much smaller. ...

Cannot get rid of space at the bottom of HTML page with CSS styling

Hi there, I recently posted a question about centering a page with CSS. I figured out how to do that and it looks great, but now, there is a bunch of unnecessary space at the bottom of my page. I can't figure out how to get rid of it. I uploaded it to a quick free webhost so you guys can take a look. This is what I'm trying to work with...

Inserting a block within the body copy of an article with code or css

I developed a homemade CMS that posts articles and blog items, and I want to insert a block of Related News Items (basically, just a dynamic unordered list) that floats within the body copy of every article around the middle with text wrapping around it. Is there a best practice that someone knows for getting this done? I don't want the...

How to minimize the size of <input type="text" /> (both width and height)?

I tried: font-size:40%; But found it not working ...

Conditional alternative table row styles

Is it possible to style alternate table rows without defining classes on alternate <tr> tags? With the following table, can CSS define alternate row styles WITHOUT having to give the alternate rows the class "row1/row2"? row1 can be default, so row2 is the issue. <style> .altTable td { } .altTable .row2 td { background-color: #EEE; } <...

IE and Transparent Backgrounds

I have the following css: body { background-image: url(images/background.jpg); background-repeat: repeat-x; background-color: #99ccff; } Unfortunately, any div created on this page, now automatically has this colour. None of the following works if applied to any divs on he page (it still takes on the above colour. bacg...

Will Conditional Comments always be needed?

After creating some web-apps...i really think dealing with conditional comments is not fun after a while. Are there any Plans regarding this issue? Is it going to be more complicated or more easier to handle different browsers? ...

background image blurs in firefox3

When i use image in my html page using background property .IT loks fine in IE but looks blur in firefox. Wat could be the possible solution. Thanks, ...

display all ie versions under one application

I had an application/browser that would show me the website under different versions of IE I would select which version and it would display the page through the lenses of that version Not able to find the program, can you please point it to me ...

Table colspan relative width issue in Internet Explorer

I use tables for generating simple horizontal graphs (for easy scaling). I use colspanning to get exact overlapping (sometimes the cells overlap each other, but not in this example). My issue is that IE(8) renders the relative cell widths wrong. I know that a cell can not get smaller than it's content, but that is not the issue here....

Preventing nested DIVs to wrap (without specifying parent width)

In the code below I have 2 divs, each having two nested divs. When the browser window is re-sized under Firefox/IE8 it all works well - The rightmost parent div falls down under the first one. Under IE6, however (or IE8 with compatibility mode) the child divs in the second div wrap. To make things worse, it happens DESPITE the fact I've...

HTML/CSS - Check for Missing File References

Are there any plugins or tools that can examine HTML and related CSS files for missing references such as images? I have a very complex page that something is displaying incorrectly on, but I'm having trouble tracking down what exactly is missing or where it is referenced. ...

How To Design a Website for the Non-Designer that takes full advantage of JQuery on the client?

I'm a developer ... not so much "the" UI guru type. I can get by with my photoshop skills to some extent but often find myself underestimating my time here and thinking that I'm probably not as efficient as I could be in this respect. Anyhow, I know I can't be the only developer on earth being tasked also with the design as well so ......

Is 'width' applicable to a textarea?

Is the CSS 'width' property applicable to a <textarea>? In practice, people say that they use it successfully, for example using a rule like this: textarea { width:100%; } What's confusing me is that the CSS 2.1 specification for width says, This property specifies the content width of boxes generated by block-level and r...

html basic standards document for peer review.

Where can I find the most basic html "coding standard document". This is for an individual unfamiliar with html to peer review the document. Looked around w3c but validators and detailed information is not what I'm looking for. Also looking for JavaScript and CSS documents. Thanks. ...

CSS Layout - Dynamic width DIV

Hi - I have a pretty common layout issue that I have traditionally used a table to solve, but would like some advice on getting it done with CSS. I have 3 images that makeup a 'container'. The left and right images are usually just shown using tags, and the center image is displayed as a 'background-image" with my content over it, so t...

jQuery animation scrolling off the edge of a page

I have a sidebar that I want to behave like it's frozen on the right side of the pane even when the scroll bar moves the down to see more content. I gave up on it being perfectly fixed and handled it by the sidebar scrolling down with the page using jQuery. Currently this is how I'm handling this. <script type="text/javascript"> $(windo...

Layout with divs works if I float it to the left or right, not otherwise.

In the HTML below, the layout works when the actionBar class has a float (left or right only), however, if I remove it, the enclosing div stretches across the whole page and messes up the layout. I'd really like this "structure" to be centered on my page. Currently with the "float" specified in the actionBar class, it's either left align...