css

Adding an image to a sharepoint theme

Hi everyone! I'm trying to add a bottom banner image to our sharepoint site without editing the masterpage files. Is this possible? Edit: The image should appear on all pages with the relevant theme. Cheers, -Jeremiah Tantongco ...

A few IE6 quirks that I am unable to solve..

I have been working on a site for a client and I am about to wrap it up.. but unfortunately IE6 is being a pain in the buttocks. My main problems are on this page: http://seaport.bythepixel.com/#storage The list items dont have bullets The spacing below the floated items are not being cleared correctly. I applied "clear:both" to my...

IE Background image with transparency

Why would this simple line of code work perfectly in firefox e.t.c but in IE it creates some weird fade issue. #content { background:url(images/bg-trans.png) repeat; padding:25px 21px; width:918px; overflow:hidden; } Its like the transparency is started in a corner but then it gradually fades out...very annoying!!! ...

Help With list-style-image

I have set an image 32x32px as a list style image like this: .class li{ list-style-image:url(../images/site/img.png); } It works great but the problem is the text is on the bottom of the list item (because the image is 32px high the list item is also 32px high). I would like to have the text vertically centered so it looks good. ...

is it possible to convert a radio field to look like a checkbox?

i was wondering if eitehr through css or javascript that if its possible to make a radio field look like a square instead of the circle? it was a request from a customer, kinda weird but they want it. ...

CSS Border RADIUS, which is the correct style to use? border-radius? -webkit-border-radius? -moz-border-radius?

I would like to use CSS to create nice round border. I'm aware of the following CSS Style: border-radius -webkit-border-radius -moz-border-radius Which style(s) are the best to use? ...

What practical problem will i face if i use same #id more than one time on a page , other than validation error "ID is already defined"?

First of all I alwyas use one #ID. just asking this question to know deep reason behind it. Is it only a matter of W3C validation? or more than that. Will i face any practical problem or it's just a logic for validation? see this example http://jsbin.com/aniqi it's working on all browsers. just validation giving error update : I thin...

Big text appears for few second on page refresh in IE, How to solve?

Text always appears in big size for a few seconds when one refreshes the page on IE only, which doesn't look very good. pleas look at IE 7 and try to refresh (I've e.g. been pressing ctrl + F5) to see what i'm facing. I'm also using sIFR on this site I check a js error of page and this is the problematic area. <script type="text/java...

Overlapping CSS columns

Hi, I have a small problem with overlapping columns. Basically I have 3 columns and the content in the middle column is overlap by the right column. I'm a css amatuer so I haven't been able to make the right column expand when the content in the middle column is bigger than usual. If I try to make the middle column wider then the right ...

How to organize css files?

When my site depends on many css files, I realize it is a mess. It means, I use different css files from another team, and I put them together with mine. Hmm, many files then!. I get stuck with organizing them. Anybody has a good solution? ...

How to vertically center a child element of arbitrary size inside a floated parent element (of known size)?

Well, the title says it all. How to vertically center a child element of arbitrary size inside a floated parent element (of known size)? display: table-cell; vertical-align: middle; no longer seems to work when the element is floated. I created an SSCCE here: http://mathiasbynens.be/demo/center-vertically-inside-float Without float, e...

Collapsible table in jQuery

I'm attempting to make a table that has header rows that can be collapsed and expanded by using jQuery. Here is the entirety of my code thus far: <html> <head> <script type="text/javascript" src="jquery.js...

div float to the right beside a centered div?

ive got one 4 links. i want them all in the same row. two of them in the center, and the other two in the right. ive wrapped them two and two, but i cant get it to work. my css looks like this: #links_center { } #links_right { float: right; } but it doesnt work. the right links are under the first two links. could someone help ...

Css Repeating Background

So I have a background image for my content on a site and was wondering if there was a way to make the background repeat on the y axis when content starts to overflow. Here is what it looks like: http://ithacawebdesigners.com/temp_data/wildfirewp/ Thanks! e. here is the div #content { float:left; height:100%; width:860px; padding-top:...

CSS Styling Checkboxes

Okay, so I've seen lots of solutions for styling checkboxes via CSS on the web. However, I'm looking for something slightly more robust, and I'm wondering if someone can help. Basically, I want to have this solution, but with the ability to have a CSS-specified color overlaying a gray checkbox. I need this because I will have unpredictab...

Curve endged of div tags using Html and css

Is it possible to bring curve edges to divs using html and css only...without using images. ...

How to animate mouse cursor with custom image when loading page?

Hi! I'm trying to change cursor mouse on my website with custom images. Here is my actual CSS: <style type="text/css"> <!-- body { cursor:url(images/default.cur),auto; } a:hover { cursor: url(images/hover.cur),auto; } a:active { cursor: url(images/wait.ani),auto; } --> </style> Firefox 3.5.6 does change the default cursor with my ....

What are best practices to order elements in <head>?

can use anything in any order? does placing of <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> is important before <title> this is most used, is it best way? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; <html lang="en"> <head> <meta http-equiv...

Internet Explorer 7 freezing when W3C valid CSS is added

My Ruby on Rails app is using LivePipe Modals. ( http://livepipe.net/ ) Everything has been fine until I added a "width: 800px;" property my CSS file. Now, IE7 freezes solid whenever I open a Modal. I have a div with the squeeze class wrapping the content of my page. div.squeeze { width: 800px; margin: auto; } If I take out ...

Turn a number into star rating display using jQuery and CSS

I have been looking at jquery plugin and was wondering how to adapt that plugin to turn a number (like 4.8618164) into a 4.8618164 stars filled out of 5. Basically interpreting a number <5 into stars filled in a 5-star rating system using jQuery/JS/CSS. Note that this would only display/show the stars rating from an already available num...