css

Nested DIV do not position correctly

The following code should (?) position #inner1 and #inner2 at the same spot, or shouldn't it? Anyway, the #inner1 and #inner2 are positioned differently, despite having same parent. How to fix this (position at the same location)? <html> <head> <style> div {border:1px dotted} #main {width:800px;height:600px;position:absolute;} #outer {...

CSS outside table border of different color than inside borders between table cells

I have a table like this: <table> <caption>Caption:</caption> <thead> <tr> <td style="width: 65%;">A</td> <td class="center" style="width: 5%;">B</td> <td style="width: 15%;">C</td> <td style="width: 15%;">D</td> </tr> </...

CSS Menu Shadow Problem

Hello, please take a look at the blue menu bar at the top of http://www.animefushigi.com Home | Latest Episodes | etc... If you look into the page source for this menu, I have to list each menu TWICE for it to work properly, else the text of the menu is very light and there is no seperator or hover image. This is how my Theme works. ...

"Hard" word breaking / splitting in html / css

How can I split a long word/url at a certain point when displaying it in a html div? It should be like: thisisareallylongwordt hatneedstobebroken her e or something like th at. ...

Best Web 2.0 UI book

Hi; Which is the best book for hands on web 2.0 User interface development?. I would like a book that can help me learn the CSS needed to make good looking highly userble web 2.0 interfaces with rounded corners , buttons with gradient, elegant and simplistic not overcrowded , good color matching and themes e.t.c. I know what i want. i ...

display:none not removed on Internet Explorer

Hi, I have a strange problem. I'm using Protoype to show a "<ul></ul>" markup with Show() method (Toggle() too). When I click on my button to display my "<ul></ul>", Internet Explorer display it on the screen, but in the source code, the "display:none" is always present O_o And my flash player doesn't work because of this. But on ot...

ASP.NET - How can I change the position of a background image when a button is clicked?

I have a standard asp button and on click it triggers: protected void btnDealItem_Click(object sender, EventArgs e) { divMyDiv.Style.Add("background-position", "70px 0"); } Problem is, when the button is clicked the background doesn't shift 70 pixels to the right. Is this the correct way of going about this or is it a question of...

png hack for IE6 - best method?

Hi, I haven't used a png hack for IE6 for ages. Last time I used one I used this: http://www.dillerdesign.com/experiment/DD_belatedPNG/ because it supports background-repeat/position on a transparent png set as a background in css. Is there anything around that has become industry standard that I've missed? ...

CSS Floating Pop Up: Tricky CSS Positioning

I have a website that, upon clicking a link generates a div. Allow me to explain a little deeper. I have a table of "pages" in my CMS and I've added the ability to add new pages through a little popup div. My pop-up div is defined below the table, but is style="display:none" so it does not appear on the page. Upon clicking the Add New...

An elegant way to record the computed style for each DOM node to a file, for a large number of files?

Is there an elegant way to get the computed style for each DOM node in a web page, for a large number of files, in order to compare style data for similar nodes across those files? I'm working on a large number of HTML files (> 500) containing pretty broken HTML from MS FrontPage, trying to extract style data and convert it to semantic ...

css different font sizes on different families

Hi there! I have a CSS decleration like this: font-family: font1, font2, font3; where font font1 is an embedded eot/ttf font, but the problem is that this font is smaller then the other fonts so I want to have a different font-size (1.8em) for this font (font1). All other fonts (font2, font3) stay untouched. The problem is, that I ca...

Print without the print-specific CSS

I'd like to print http://www.delicious.com/tags/engmark to PDF (Using Firefox on Linux, if possible), but the result looks rubbish. How can I print without taking into account the print-specific CSS (which I think is loaded by the enormous JS on the site)? I tried to disable print CSS in the Web Developer extension, but that didn't affec...

How to customize the HTML5 input range type looks using CSS??

I want to customize the looks of the range input type in HTML5 to look something like a progress bar. I've tried applying some common CSS attributes using CSS class but it seems that they are not working. Can any one direct me how to customize it?? ...

List gradient (two background colors?)

Currently, on my site, I use a background-image with an exact height so that the text (which is also an exact height) fits in on each "line" in the background-image - unfortunately it doesn't work too good. Whenever Japanese characters are in the list it will "bump" the line, so the background-image loops onto a new "line" and shows abou...

How to edit CSS styles in JavaScript?

So for example I can do this: document.getElementById('element').onclick = function() { document.getElementById('element').style.color = '#FFFFFF'; } But how should I do this? document.getElementById('element').onclick = function() { document.getElementById('element').style.-moz-box-shadow = '1px 1px 1px #000'; } I hope y...

Really Frustrating CSS Stepdown in IE

In my site, I have two divs - right and left. Both are contained within a wrapper div. Here is my code: #wrapper{ width:1000px; height:750px; margin:auto; } #left{ width:500px; height:750px; float:left; position:relative; } #right{ width:500px; height:750px; float:right; position:relativ...

How do I create dynamic CSS in Rails?

Hi, what is the best/most efficient way of creating dynamic CSS with Rails. I am developing an admin area on a site, where I would like a user to be able to customize the style of their profiles(Colour mostly), which will also be saved. Would you just embed ruby script in the css file? Would you need to change the file extension from c...

Clickable Text link beneath transparent flash?

I'm trying to integrate flash Piecemaker to my site and use css absolute to positioning it. The problem is the flash file has large transparent bottom and when absolute its' position, it cover up part of page. If that part of page has text link then it is not clickable since the flash on top of it. I have found a site doing something s...

Scrollable resizable table with fixed header

I am looking for a HTML table where the header is fixed. I've found some solutions on the net and on Stackoverflow but none of seems to fit my needs. What I want is something like this: http://www.imaputz.com/cssStuff/bigFourVersion.html but when you resize the browser window the table should show a horizontal scrollbar. In the example...

CSS Newbie: pt or px?

What is the difference between pt and px in CSS? Which one should I use and why? Thanks in advance. :) ...