css

How can I make a link in HTML turn a color when hovering and remove the underline using CSS?

How can I make a link in HTML turn a color when hovering and remove the underline using CSS? ...

Misuse of the CSS class attribute, or valid design pattern?

As you most likely already know, it's simple in JQuery to select all elements in the document that have a specific CSS class, and then, using chaining, assign common event handlers to the selected elements: $(".toolWindow").click(toolWindow_click); $(".toolWindow").keypress(toolWindow_keypress); As usual the class "toolWindow" is also...

Div border not re-painting after scrolling in IE7

There is a problem only in IE7 where the border of a div is not being re-painted after scrolling. If the is not in the window after scrolling then shown again it shows up as white. here is an example of what I'm talking about: http://imagebin.antiyes.com/467 I've made the border 10px to make it stand out, it should always be solid. ...

Font Color not setting in Container on DOTNETNUKE

The header and body have the correct background color but the fonts look gray. I am running on DOTNETNUKE version 4.9.0 and 4.9.1 and Windows 2003. Thanks test.htm <body class="border"> <div class="PhilosophyHeader" runat="server">[ACTIONS][ICON]  [TITLE]</div> <div id="ContentPane" runat="server" class="PhilosophyBody"></di...

CSS Custom Cursors

This should be easy, but I am pulling my hair out! What tool do you use to create custom .CUR files for use in CSS? Are there any online GIF to CUR converters? Any plugins for PaintShop Pro that allow saving of CUR format? How about free downloadable libraries of cursors? ...

YUI autocomplete misalignment problem

I am using the autocomplete YUI feature. However, as you can see I am having trouble aligning the suggestion drop down with the text input when I put a label in front of the text input. I am following the example here exactly except for this snippet of code where I simply replace the H3 with a label element in the form: <div id="myAu...

minimal web design

I am interested in minimal design, from design (ie. minimalist design) and performance view points. I am trying out "zero images" approach at the moment. (obviously no flash/silverlight/etc) pure html+css(+js) Has anyone tried it, seen it, thought about it. To give an example, craigslist would be minimalist design. It has 0 images, 1 ...

CSS: Three Column Layout problem

How can I modify this: <div style="border: solid 1px red; text-align: center"> <div style="background-color: yellow; float: left">left</div> middle <div style="float:right; background-color: yellow">right</div> </div> So that "right" is in line vertically with "left"? Here's what my bad css looks like rendered: left...

jQuery dialog that darkens the screen like the link dialog does here

I like the look of the link dialog here. It darkens the screen and is probably modal (although I haven't tested that I just assume it is). What's a quick and easy way of darkening the screen like that witha jQuery UI Dialog? ...

How can I place items in different (already existing) columns based upon a css class?

This is NOT a question about how to create columns in css - so please dont give me any css for doing that. I've just excluded it here for readability. I have created two columns in css and I want to place items in them based upon some css class. I think this is possible but I'm not sure how. <DIV id="col1"> <!-- I want to display ev...

HTML / CSS autonumber headings?

Is there a way (ideally easy) to make headings and sections autonumber in HTML/CSS? Perhaps a JS library? Or is this something that is hard to do in HTML? I'm looking at an application for a corporate wiki but we want to be able to use heading numbers like we always have in word processors. ...

Can CSS choose a different default font and size depending on Language

I have the following CSS fragment: INPUT{ font-family: Raavi; font-size: 14px;} Which works fine when the textbox contains some Punjabi script like this: ਪੰਜਾਬੀ But the user might enter English instead, and I would rather use the Verdana font with a different size, since the English letters in the Raavi font are real funky and the si...

Why is my CSS having specificity problems?

Can someone explain me why in this example the first rule is taken not second? According to my CSS specificity knowledge, the second is more specific and should be used. But all browsers use first. Example: http://apblog.lv/misc/css_spec/example2.html CSS: table.data .negative { /* css specificity: 0,0,2,1 */ color: red; } ta...

Speed of CSS

This is just a question to help me understand CSS rendering better. Lets say we have a million lines of this. <div class="first"> <div class="second"> <span class="third">Hello World</span> </div> </div> Which would be the fastest way to change the font of Hello World to red? .third { color: red; } div.third { color:...

Position child div relative to grandparent div

I got a CSS Problem, and I don't know if it's actually possible to achieve what I want. Here's a sketch to illustrate what I want to achieve: http://dl.getdropbox.com/u/103519/pkstudio/IMG.jpg And here's the demo page: http://dl.getdropbox.com/u/103519/pkstudio/menu_test.htm Actually the child div should be positioned relatively to the...

Using cookies and php to change style sheets(CSS).

Hi, I have some code that works and changes the style sheet using a form. That work as long as you keep the browser window open. You can got to a different site come back and the style will be the one you selected, thats fine but if u close the browser and come back it will be set to the default. Is this due to the fact that I am startin...

How to use custom CSS with my Sharepoint WebPart?

'ello! I'm developing my first WebPart for Sharepoint, and now I'm wondering where/how to include/store my CSS. Where should I put my .css files? How should I include them in my webpart? ...

IE6 layout issue - absolute positioning

The following HTML looks as required in Firefox 2 & 3 and IE7. The Left button is on the left, the Right button is on the right, and the text in the middle is...in the middle! However on IE6 the Left button is misaligned - it appears center-aligned. Can anyone suggest why?? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN...

padding making links not work?

The link only works when i click on the actual text not the area around it even though the hover effect is working so i know the button is being targeted? this is also happening on a list within the site where I'm using left-padding and placing images there, if i click where the padding is it doesn't work? could .js scripts effect this...

How to get multiple separate HTML tables to all be the same width as the widest table

Problem: I have HTML markup to deal with that consists of multiple tables nested inside another table. I would like the "inner tables" to all be the same width. I would also like all of the "inner tables" to be no wider than the width of the widest "inner table" in its natural state. I do not want to simply set the width of all the tabl...