css

-ms-filter rounded corners CSS3 effect in IE?

I am using -ms-filter to get shadow effects working in IE. Is there a filter that I can use for rounded corners in IE? I do not want to use htc files. Thanks! ...

Jquery slider boxes

Not sure if this is a javascript issue or can be solved with CSS. Im using an image with a text overlay slider but seem to having some issues with where the slider starts on page load. This is the live example, I would like the slider to be hidden on load and appear from below on rollover. http://www.warface.co.uk/clients/detail-shoppe...

CSS: How do I make a horizontal (UL) list keeping each item at a uniform width?

That is, without defining a specific 'width' amount for each individual item. As in, the widest element (by its content) sets the width for each of the other elements. Additionally, how do I span said list 100% across its container, also keeping each item the same width? ...

Detach element style from html

I have bulk of html file like this <div style="min-height: 32px; padding: 5px; width: 800px; margin: 50px auto; overflow: auto; font-size: 12px;" class="selectable clearfix selected_layer" id="wrap"> <div class="selectable" id="l1" style="float: left; min-width: 64px; min-height: 32px; padding: 5px; margin: 5px; overflow: auto; width: 2...

CSS margin problem

I am new to CSS, so please bear with me. I have this form which I'm trying to style. Everything works fine, except the confirmation label which is in a div. I want some space to be there between div.field, and while this works for all the input elements, it doesn't work for the label message which is at the bottom. I tried increasing mar...

CSS: How do I arrange 3 elements into columns with the middle element filling in between them?

I have 3 elements I want to arrange into columns. I want the left and right elements to stay fixed widths and align to their respective edges of the page, but the middle element I need to fill in the space between them. How do I do this? ...

Applying an ie7 glow filter to links.

Hi everyone I have a problem with a site I am redesigning and the problem is specifically with ie7. if you look at dev.indigoniche.com (this usually redirects you back to the main site because of some cookie thing so after that happens just go back to the dev site) you will see in the top right the login module. The background of the hea...

HTML form with side by side input fields

I have a html form that is basically vertical but i really have no idea how to make two text fields on the same line. For example the following form below i want the First and Last name on the same line rather then one below the other. <form action="/users" method="post"><div style="margin:0;padding:0"> <div> ...

CSS Newbie Question

Good Day, I'm trying to teach myself CSS and have the following markup: <style type="text/css"> #content { display: block; width: 250px; height: 50px; background-color: #330000; } /* pink */ #one { height: 25px; width: 25px; background-color: #FFCCCC; float: left; margin: 10px; } /* hot pink */ #two { height: 25px; width: 25px; backgr...

HTML/CSS Positioning a logo to always be at the top left, no matter the screen size

Hi everybody, My question is a little hard to explain! Basically, I'm designing a website in HTML/CSS, and I need the logo to always be at the top left. On a windows machine, you can resize the browser from any side if I resize from the left hand side, my logo gets cut off. A good example of what I'm looking for is facebook, however yo...

jQuery background position animation clipping

I have three PNG's of bubbles that I'm using for a background animation with jQuery and also have the jQuery jPlayer running on the splash page. For some reason a portion of it clips. Has anyone else run into this problem? I am a bit of a jQuery beginner and I also can't seem to get the images to repeat horizontally 100%. Also the animat...

Jquery / Javascript Dynamically load CSS file (after runtime), replacing other css file?

I've been reading up on how I can dynamically load a css file using jquery at the page's runtime, but haven't been able to find anything on this... what I am wondering if it is possible to basically re-load a css file to reflect changes from the server side.. The reason for this is that I am making an app that offers a number of differe...

How to explain the "Cascade" to CSS newbies?

I have trouble explaining to people who are new to CSS how the cascade works when using stylesheets. For whatever reason, newbies seem to naturally start out by just adding a class to every element. Take the code snippet from this question, for instance (no offense to the OP, overtherainbow). Doing this:      ul#nav { } and ul#nav li ...

wait until images in background (css) are loaded

Let's say we have a slideshow of pictures. the thumbnails of those pictures are showed in div wrapper with a slider (that I created with Jquery) and each image is included in a <li> with a CSS background set, which of course represents the image. I chose to use a background-image for a layout matter because they all are different in size...

How to apply CSS to a textbox?

I have this code, and it renders this HTML. How can I apply CSS to my control if they are named ctrctrctr-00000 or something else like that that is only useful to the VIEWSTATE? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/199...

What is the best way to provide a default CSS style, that gets overridden by jQuery UI, for No Script scenarios?

For example: I have a pager << 1 2 3 4 5 6 7 8 >> in my page where every navigation element is a normal Html link. For modern browsers with JS enabled, I would like to beautify them with jQuery's .button(). But I would like to have something for NoScript scenario. Obviously I should add some CSS styling for the links, but how do I know t...

Placing 960 Grid System values in an external file

I'm thinking of using Nathan Smith's 960 Grid System for layout in the ASP.NET MVC site that I'm writing. I've noticed that all examples of 960.gs usage show HTML that looks like this: <div class="container_12"> <div class="grid_12"> </div> <!-- end .grid_12 --> <div class="clear"></div> <div class="grid_1"> ...

jquery image resize transition onMouseOver

Hello, just wondering if there is any jquery plugin that when your mouse is over an image, this image will increase in size and if your mouse is out of the image it'll decrease in size all this as a smooth transition. thanks! ...

How can I vertically and horizontally center a div within a larger div?

http://stackoverflow.com/questions/114543/how-to-center-div-in-div I managed to center horizontally using styling from the accepted answer. How can I also center it vertically? The inner div is of an unknown height. ...

removing Title area section SharePoint

I want to remove the title area section which is above view all site content not the breadcrumb and move my quick launch next to breadcrumb...having <td class="ms-titlearealeft" id="TitleAreaImageCell" valign="top" nowrap style="width: 1px; border-style: none; height: 1px;" height="1px"><div style="height:100%" class="ms-titleareafram...