css

jquery remove doesnt hide used space in ie6 and ie7

Couldn't comment on this post, which states the problem I'm experiencing: http://stackoverflow.com/questions/1588671/jquery-remove-on-element-doesnt-hide-used-space I can reproduce this in IE7 (and a colleague in IE6), my link is here: http://www.pritaeas.net/tools/linkfarm/ If you select a tag the list gets filtered and the tag adde...

Is it possible to style a checkbox using CSS?

My current CSS: .DataForm input { margin-right:9px; display: inline-block; width:21%; min-width:30px; } works fine for all inputs except checkbox, because checkboxes are annoying and split themselves into an input and a label. Is there a way to CSS the input based on its type? (the type field is checkbox for checkboxe...

Drop down menu in IE 6 - weird height issues, expands the 1st level ul

Hi all, Am having a ghastly looking problem with IE 6, though I think I've just made some errors with margins and padding not adding up somewhere. I know that IE needs a width set for drop down menus, but I can't get a handle on what to edit on this. Here is an image of what is going on: http://www.moreheadplanetarium.org/redesign/tro...

how come my IE conditional statements do not work inside style tags?

I'm trying to use the IE specific conditional statements to alter class settings based on browser type. I was under the impression they could do this but I can't seem to get it working. Below is a simple example, if the browser is IE the text should be blue, otherwise text should remain red. "The browser is IE" statement in the body w...

CSS: horizontal alignment issue

Hi all, on my web site http://tinyurl.com/yz67d7 Located at the top right corner I have a radio form field for bathrooms (1+, 2+, 3+, 4+). In Firefox/Chrome - these all are horizontally aligned on a single line. However, with IE6+, the bedrooms are split over 2 lines. Any ideas why this is happening. Seems like a CSS issue. ...

Why would ie8 center text when the text-align is set to left?

Using ie8's own dev tools it shows the elements text-align value as left, but it is rendered centered in ie8 standards mode. In quirks or ie7 standards, everything is correctly aligned left. New user, so I can't post images, but check out: http://i35.tinypic.com/2afa9ky.png ...

Class Style Sheet with two names or ?

<div id="SideBar" class="sidebar mainbar"> I've just seen this in a .aspx file. Is this valid? Can someone point me in the right direction to learn what this does. I'm assuming its valid, but I'm not finding it in the css file. I am finding sidebar defined as a class, but not mainbar. Thanks in advance, Randy ...

CSS: How do you change the color of the "check" within an HTML checkbox?

How do you change the color of the "check" within an HTML checkbox? By default, on WinXP Firefox/Chrome/IE - the check is green. I would like to change the check within an INPUT type="checkbox" to orange ...

How to use 2 tiling background images using the HTML tag and the BODY tag

I have a tiling background image, but I want to overlay another tiling image over it. I have tried using: html {background: transparent url('../images/bgtile.jpg') repeat top center;} body {background: transparent url('../images/body.png') repeat-y top center;} But it doesn't work quite right. The body tag behaves like a div because i...

Whats the most impressive thing you've seen done with JavaScript?

I've realised that while JavaScript has a bad reputation, its actually a surprisingly powerful client-side language - the trouble is that the overwhelming majority of JavaScript written is quirky drop-down menus or form validation. So called "Rich" client side platforms such as Flash and Silverlight are all about glitz and impressive ...

Using multiple-class selectors in IE7 and IE8

I know IE7 & IE8 supposedly have support for using multiple CSS class selectors, but I can't seem to get it to work. CSS: .column { float: left; display: block; margin-right: 20px; width: 60px; } .two.column { width: 140px; } .three.column { width: 220px; } .four.column { width: 300px; } HTML: <div class='two column'>T...

Resizing a div to fill the browser

Hi, I have a page with many divs and style, with my div buried somewhere inside. I am trying to have a button that automatically makes my div, that includes a video player, resize and capture the whole browser. In order to do that I am trying to get the current position of the div and then position it relatively so that it'll get to t...

Preventing reflow when using jQuery UI "size" effect

I have a list of images like this: <ul class='blah'> <li><img src='...' /></li> <li><img src='...' /></li> <li><img src='...' /></li> <li><img src='...' /></li> </ul> And I have it styled to display as a horizontal list without bullet points. Kinda of like what you see on GitHub for followers (see http://github.com/chrislloyd)...

What are pros and cons to add line-height to body { }?

Is it good to add line-height in body{line-height:1.5} or it would be better if i add separately for tag by tag like p{ line height:1em} etc. Edit: body {line-height:in em} create problem with if we put image with float inside Edit: 24 April 2010: If i have to add different line heights to elements like p {line-height: 1.4} h1 {l...

Good Web Designing Books for Programmers

Hi, I am interested in learning about designing web pages. I have developed ASP.NET applications but so far the UI for the applications i.e. the various controls and their layout have already been designed by someone else and I have had to work on the server side part of the application only. Now I am looking for good books to learn ...

Hidden Features/Properties/Attribute/Tags of CSS3 and HTML

In CSS and HTML world there are always features (Properties/Attribute/Tags) that would be useful in fringe scenarios, but for that very reason most people don't know them. I am asking for features that are not typically taught by the text books about CSS, CSS3 and HTML5. What are the ones that you know? [UPDATE] Which browsers adopt HT...

What are good and bad points if i use body {font-size:62.5%} ?

What are good and bad points if i use body {font-size:62.5%} ? If body {font-size:62.5%} has some problem then can anyone suggest any other method for font sizing in site ...

Can you use the :after pseudo element to add html?

I want to append a <br /> to a particular class. Using the :after pseudo class simply displays <br /> as text. Is there a way to make this work? Edit: It's internal for IE8 so browser issues aren't a problem... if I do <span class="linebreakclass">cats are</span> brilliant I want brilliant to appear on a new line... ...

fieldset firefox overflow CSS fix

How can i set content to overflow in fieldset? It works in IE but not in FF. Same functionality I can achieve with div element in both browsers. Sample: <fieldset style="border:thin solid #990033;"> <legend>test</legend> <div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div> </fieldset> <p>&nbsp;</...

XHTML/CSS issue IE displaying extra characters

I have a problem with a clients webpage, you can check it out using the link below where you will see that underneath the 'drinks' option an extra 'ks' appears, however it only repeats the last two characters of the 'drinks' option in IE6 not Firefox or Webkit http://www.villagiorestaurant.co.uk/drinks-menu.html Any help would be appre...