css

Overflow scroll bar colours

I am a newbie to HTML and CSS and am trying to design a website, where the majority of text will be in boxes on the screen. Each box will be coloured differently and will have more text than is visible directly My question Can I make the background colour of the scroll section, ie the bit between the two arrow heads match the existin...

Parsing css with a regex

I'm wanting to scan through a css file and capture both comments and the css. I've came up with a regex that's almost there, however it's not quite perfect as it misses out properties with multiple declarations i.e. ul.menu li a, # Won't capture this line ul.nice-menu li a { text-decoration: none; cursor:pointer; } Here's the regex th...

HTML/CSS: How can I get a box with a single border?

I need a simple list (3 lines of text) surrounded by a gray box. I know I need to implement on blur instead of a "close" button. Here's what I have so far... I can't sen to get text values to transfer. Help! <script> function $(id) { return document.getElementById(id); } </script> <input name="media" id="media" type="text" /> <input ty...

Animate width left to right

I am trying to find a way to animate a div using jQuery to shrink the width from left to right. I have the element on click at first: slide in from left to right then have it continue to the right off my div, like it just keeps moving off the page, comes in and click again comes off. I have the toggle function in and working properly,...

jQuery odd/even Selectors for Multiple Elements

Hi, I am using the following code to zebra strip a few tables on one page: $(".events-table tr:even").css("background-color", "#fff"); $(".events-table tr:odd").css("background-color", "#efefef"); This is working just fine, but the even/odd intervals are applied to every table on the page. I would like each table to have the sam...

In Django, how can I embed something in CSS?

background: url({{ MEDIA_URL }}/bg.jpg); That does not work, because this Django template function only works in .html! ...

How to embed Javascript in CSS?

I have a CSS file, which contain the style information of my web. Some height & width is based on the screen size, so I can calculate the size using the Javascript, can I embedded the javascript in the CSS file to do so? ...

Css issue in IE6,div width not as wide as parent

Can checkout the problem here DIV#target is not as wide as parent div in IE6,and only in IE6. And you can modify it on the fly by clicking the EDIT on topright. For those who can't see the content,here is the html part: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt...

[HTML/CSS]: Is there anyway to hide a column in a Table.

I am showing results in a Table in a grid form. There is an ID column. Is there anyway through HTML or CSS that I can hide the first column? ...

CSS text-select cursor ie7, strange behavior

Strange one here, hoping to get some feedback to point me in the right direction. If my #wrapper or any of the child divs do not have a background-color applied to them, ie7 changes the normal "pointer" cursor into a "text-select" cursor when mousing around the page (whether mousing over text or not). I thought I had fixed the problem ...

Side border and dynamic content help

I have two side borders on my website, left and right side... small image about 15x15 which repeats itself down the website... When setting 100% like below, the border only goes "one screen" down (which is 100%). But my website is dynamic and the content changes... I want the border to change along with the total height of the page... H...

Changing heights of container divs using percentages in CSS to reflect contents

I have the following code that mimics my problem. I want to style the elements within the "Container" div using percentages. Therefore I have to set the "Container" div to height 100% (or other value) to make this work. The problem arises when I want the "Container" div to change height to reflect contents. In the case below I'd want the...

Percentage Height HTML 5/CSS

I am trying to set a div to a certain percentage height in CSS, but it just remains the same size as the content. When I remove the doctype element at the top of the page, however, it works. I want the page to validate, so what should I do? The code is as follows: #page { padding: 10px; background-color: white; height: 90% !importan...

define float as center in css

Hi, How can I define a define float as center in css? actually i need a layout between right and left and also i tried "text-align" but it doesn't work and the "float" property just working. Thank you ...

How come when I change the height of this div, it "overlaps" the div below it?

How do i make it so that as the first div expands...the lower div will automatically go lower, due to the height of the first div now is larger? Is this display? Or Position? ...

is -negative margin or padding invalid CSS according to W3C ?

is -negative margin or padding are invalid CSS aaccording to W3C ? ...

PNG losses transparency when used as a link.

I have an image over a table that has been style with CSS. When I have my image on the table without a href it is fine, once I apply an href the transparency is no longer working. Any way around this? Table css table.list_data { background-color:#F3F3F3; border:1px outset #A1A1A1; border-collapse:collapse; border-spacing:2px; font-fami...

Cannot Load Image In IE5 And IE6 using Csssprites

Dear Friends, I am using csssprites in my application. Css images is successfully loaded all browser except IE 6 and IE 7 . I dont know how fix this problem. For Your Reference My Html Pages Blockquote <body><div class="follow_us_blogger"></bogy> My stylesheet .follow_us_blogger {background: no-repeat url('/design/cssspr...

First entry not easy to click issue in firefox,a bug?

Pay attention to the part in blue in the first table. Can check out the problem here EDIT reproduce by double click at the upper part of first entry. ...

Determine which layer is on the front using JS

I'm trying to change z-index of table cell using JS to bring it on top. Z-index only works when CSS 'position' is set to smth different than normal. The problem is that setting 'position: relative' and z-index for does not work in opera. So, i'm looking for a way to determine, whether was brought to the front or not without using z-in...