css

Div at bottom of window and adaptable height div

Is there a way to get a div to always be at the bottom of the window, and another div to change its height to fill any space that it leaves, and that div will scroll if its content is too long. (I never want the window to scroll). This is best illustrated by a picture: The green div will always put itself at the bottom of the window,...

CSS organisation with ids and classes

What do you think is the best way to organise the CSS of a site? I wanted to have ids followed by classes. However they are not exclusive. Example: h4 { padding: 5px 5px 5px 10px; font-size: 110%; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; backgr...

Random lines on tables bug in Firefox

If you look on this page here in Firefox (I'm on 3.5.2 on a Mac) and scroll up and down, you should see random lines show up in the table. They are horizontal lines that almost look like underlines that go all the way across the table. Sometimes they are thin and black, sometimes they are thick and blue. If you don't see them, scroll u...

Cannot get CSS Elements centered

Hi there, I cannot get my site to be centered for the life of me with CSS. I have tried all the usual methods suggested around the web including: body { text-align: center; } #container { width: 770px; margin: 0 auto; text-align: left; } Then using <div id="container> <!-- Centered Content Goes here--> </div> But ...

keeping higher menus highlighted in suckerfish vertical

I've seen this question asked but I can't seem to apply the answers to my own menu. My suckerfish menu basically is this (http://htmldog.com/articles/suckerfish/dropdowns/example/vertical.html), I've made some of my own adjustments color-wise/font-wise/and clearing the border from the table. How can I make it so that when you move throug...

Positioning AJAX ModalPopupExtender in the center of the screen problem

I have problem with positioning ModalPopupExtender in the center of the screen when it's PopupDragHandleControlID property is set (without this property it works fine ). ModalPopupExtender is not positioned in the center of the screen. I thinks what causes the problem is the page's CSS layout cause when i disable it, popup positioned in...

Firefox -moz-border-radius won't crop out image?

Does anyone know a way to get Firefox to crop the corners if the border radius of an image is set? It's containing element will work fine but I get ugly corners sticking out. Any way to fix this without setting the image as a background image or processing it before I put it on my site? ...

Are there hosted jQuery UI themes anywhere?

I'm using Google-hosted jQuery and jQueryUI, but I'm wondering if there are hosted jQueryUI themes anywhere? I'd like to just point to a hosted CSS file (the same way I do with the hosted JS file), so that I don't have to worry about setting up directories for the widget images or the CSS files or anything like that. Update I've found...

Javascript function: Add CSS Class if session variable not equal to X

I'm looking for some Javascript jedi-master to assist in creating a function that adds a class to a list of elements based on a session variable. In other words: If SESSION['MM_UserGroup'] is not equal to 1, then add the class '.hide-content' to the following elements: .control #nav li#nav-admin .control #nav li#nav-pages or any ele...

Question about divs in HTML web page building.

Whenever I create my own personal web pages, I've always had this problem with using divs to create a multi-column layout. I use the float attribute to align them to the left or right, but when I make the browser window skinnier, the columns re-adjust where one column falls below the other and other things mess up with alignment. I would...

Is there any way to add a class attribute to an input tag generated by django.models?

I can't figure it out for the life of me. I don't think it's possible. Something so simple shouldn't be hard at all. Anyone? ...

can jquery manipulate the global css definition of the document?

i'm trying to make a checkbox that will hide a specific css class when clicked, but i also want this effect to apply to all future objects that get that specific class. for example: i have 2 divs: divA is of class abc divB has no class i want the checkbox to hide all divs of class abc, this is easy, using $(".abc").hide(). but the pr...

Can cufon style form text input and textarea?

Is it possible to do this? I haven't been able to find anything in the documenation that says you CAN'T do it, but the following selector is not working for me: Cufon.set('fontFamily', 'Museo'); Cufon.set('fontWeight', '300'); Cufon.replace('input.text, input.password, textarea'); Any ideas, or does Cufon simply not support this? Th...

label and input box on the same line

I have a the following html: <label>blah</label> <input type=text ... /> I want the label to be on one row, and below it the input box. currently it is on the same line, do I have to use a clear? ...

Linearly increasing color darkness algorithm

Hi, I want to write a function in ruby that given a number between 1 and 500 will output a 6 digit hex color code that gets linearly darker for higher numbers. This doesn't seem that hard but I'm not sure where to begin. How can I implement this? edit Hue seems like a more reliable way to go. I'd like to give a reference color, say a...

Dropdown menu in IE6 inserting too much width, not dropping-down

I have a CSS dropdown menu which is working great in IE7, FF, Safari, and Opera (on PC, haven't been able to test on Mac yet). Unfortunately in IE6 - which my clients on this project are all using, urgh - the menu stretches too wide and covers the site logo. Also, none of the dropdowns work. To some extent I could live with the dropdo...

Basic CSS for a text link question?

Below is the css for a text link in 4 different states - link,visited,hover, and active. Do I need to do this css code for every type of link class I have, some of the classes do not even change the appearance. (link,visited,hover,active) If only the appearance of a text link changes for hover and link would I only need the classes be...

Email and css OR tables

I have a form that needs to be emailed. I am currently using a table design and wanted to make it look better so decided to use css. I am really concerned about the fact that not all clients will handle css so I wanted to get some advice. If anyone of you had to email a form, how might you handle it? It pretty much needs to be rock solid...

table UI design

There are 4 rows in a table to user to fill. The first row MUST NOT be empty. The others are optional. How to create the look and feel to announce that? Should be in pure html and css plus jQuery ...

Keeping different fonts on one line within a fixed width

I am making a very basic webpage, consisting of some text inside a fixed width. Here is some example html <div id ="wrap"> <h1>An Annoying Heading</h1> <p>Some text some text some text some text some text some text some text some text some text some text</p> </div> That is the only thing within the body tags. The CSS is *{ paddin...