css

What are my options for strong CSS development against Safari

Hello, I can use FireFox and FireBug, in a pane, I can open a .css file, in real time, as I make edits, I can see those edits reflected in FireFox. This is a very handy and valuable feature. Without starting a debate over browsers, I would love to be able to do the same thing in Safari. My far too small display on this laptop aside, re...

How to remove outline Image link ?

When we use Text Replacement using CSS, Giving negative test-indent i.e. text-indent:-9999px , then when we click on that link the Dotted line appears like in this image, If you have solution for this , then please share.! Please look at the sample Image what i want to explain: ...

z-index css Pop-up box and ie7

Hi, I have some div boxes which should show a speech box when on hover. With jQuery and CSS it’s nothing too hard. However, the popup speech appears under the neighbor div in IE7 — I can not make it to appear under it (see the shots). I tried to play with z-index at different spots with no success. FF IE7 HTML <div class="boardsh...

Jquery Ui Sortable showing broken image in IE8.

I have a query sortable collection of images, ie. the items is set to img (due to the fact it is in a tab control and is a horizontal list, cannot be sorted on the list items, I just can't get it to work), which works perfectly everywhere except for IE8 (even in standards compliance mode), where the placeholder shows a broken image. Is...

Expand div children to width of the canvas, not just the viewport?

Sorry if this is a dup; I haven't found any questions that pose quite this same problem. The issue is illustrated by this screenshot, ironically taken from a CSS blog site (it's immediately below the text "In order to set a positioning context".) I've been hitting the same issue in my own code. About halfway down this image, there's a...

How do I get data to flow from one div tag into another and balance the height between the two?

I have multiple floating div tags and I want to have them stack on top of each other from left to right so that they look like text in a newspaper. The difficulty is that if I float the divs then they go from left to right and if I don’t do this then they simply stack on top of each other. Is there a way to get them to stack evenly fro...

Why will this div/img not center in IE8?

I have a very simple holding page I built centering a div, anchor and image. For some reason it will not center in IE8 (either mode), and I am hoping someone can tell me why. I haven't had a chance to try it in other IE browsers. I have tried this in Chrome and FF3 where it works OK. <html> <head> <title>Welcome</title> <style> #...

Making a truly destop like table grid (how to show enough empty rows to fill the height of table grid)

I'm really concerned about the aesthetic aspect of my web app and that's why I'm asking this sort of a silly question. Forgive me in advance if you think it's not that much a big deal. I'm building a desktop like web app and using jqGrid awesome plugin to show some tabular data. In desktop applications like iTunes, the table has enough...

HTML Classes WITH IDs

I'm a little confused about HTML classes and IDs, as I'd like to use them BOTH to describe an HTML element. Is this valid and supported by most browsers? The motivation for me to use both is this: I have a CSS style that I would like applied to multiple elements. I have some AJAX and Javascript that will manipulate those same elements...

Bumping up bottom element

Hey, On this site: http://www.catonthecouchproductions.com/new/ - I have been trying to remove the space between the two red borders, for I can keep my latest projects box without scrolling. Right now it has a slight scroll, then if you click the blue box at the top in Latest Projects, it pulls up a Client List. I am talking about the ...

What advantages does Sass provide over regular CSS?

I'm trying to decide on technologies for a presentation layer. I have heard Sass talked about enthusiastically but am resistant to learn something new without knowing why it's better than the alternative - in this case plain CSS. Any feedback on Sass would be welcome. Edit: This is also a good discussion on this: SASS: The Better, Mor...

Good way to estimate available browser area

I'm trying to figure out the best way to estimate the maximum size of the browser viewable area. i.e. the screen dimensions less toolbars, bookmarks, etc. Obviously it wont be perfect for cases when the window isn't maximized and due to the fact that people do actually use different browsers - I'm just looking for a good estimate here. ...

CSS background-position change on Y-Axis only

Ok...so here is the problem. I have a CSS sprite image made up of ten(10) 25px x 25px icons laid out horizontally - thus resulting in a sprite image of 250px width. I am using these 25x25 images as thumbnails. I'm looking to have an opacity of 30% on these images in INITIAL view and when a user hovers over them the opacity needs to be ...

C55: More Info?

I saw a PyCon09 keynote presentation (slides: http://www.slideshare.net/kn0thing/ride-the-snake-reddit-keynote-pycon-09?c55) given by the reddit guys, and in it they mention a CSS compiler called C55. They said it would be open sourced soon. It looks cool - does anyone have more information about how it works, why they created it (aside ...

CSS + .MOV Object

Hello all, I've created a page that uses jquery to slide from left to right displaying content in the middle of the page, everything around the centre is hidden via "overflow: hidden" which works a charm, until I embedded via the tags a quicktime video, it isn't hidden / it is always visible. I have no idea why this is happening and wou...

How to Create flexible Rounded corners?

I want to Create DIV based Flexible corners. as per shown in the Image. This is Not regular rounded corner, but something more complicated. This is Something like challenge . And Please Note that I want Image based rounded Corners, so please give answer as per requirments. Thanks a Lot ...

What is the default padding and/or margin for a p element (reset css)?

I have been using a reset CSS set of styles for quite some time now and each time I got to create a new website, the reset the annoys me the most is the reseting of a p tag margin and padding. I understand why, but I'm wondering what the "default" padding and/or margin should be on a p element? I'm guessing this isn't consistent across ...

What do margin:5px 0; and margin:5px 0 0; mean?

Does margin:5px 0; mean margin:5px 0 0 0; or margin:5px 0 5px 0;? Does margin:5px 0 0; mean margin:5px 0 0 0;? Same for padding of course. Also, is it consistent across all browsers (including IE6)? ...

<div> element instead of <table>?

Duplicate of: Why not use tables for layout in HTML? DIV’s vs Tables or CSS vs. Being Stupid Theres been a lot of talk lately about rather using div than table tags to make your pages more browser fiendly. Why is div better? ...

Visual Studio 2008 CSS Validation Level

I'm validating my CSS to level 2.1 in Visual Studio 08 Is there a way to change the level you validate to? I can't find one ...