css

Ul Li last element not aligning properly

I am having a problem where the last li element in a ul is pushing itself to the left further than the rest of all my pieces. Attached is a screen shot and my code. I have tried using the last-child element but it doesn't work in Safari or Chrome. #attending ul { display: inline; margin: 0 5px 0 0; padding-left: 0px; } #attending...

clear properties from stylesheets

I'm wondering if anyone knows of a script to clear all the properties from a css stylesheet, but leave the selectors. For instance: body {background: #000; font-size:10px; width:100%;} becomes: body {} This would be done to the whole stylesheet. Thanks if anyone knows of a script to do this. ...

Best way to create 100% width middle column with css

Hey everyone, I have a pretty standard css layout where I use a container div that is 980px wide to hold everything. The only problem is that I want to have a 1900px wide banner half way down the page that is centered in the middle and is 100% width of the page. Is there any way to do this without getting rid of the container div? so I...

I have a web page that has two divs moving down when resized in IE8. I have set a min width, to no avail... what do I do?

http://www.akben.com/The%20Winton%20Group/contact_us.php I have a set of five divs sitting side to side. The last two move down approximately 20px in IE8 when the page is made smaller from the right hand corner... can anyone point out what I am messing up? Thank you! ...

Canvas element covering the entire screen?

I'm trying to use <canvas> in iPhone Safari, and if I place the element in the body, there are unused pixels to the left and top of the element. I tried specifying margin:0;padding:0 with CSS to no avail. What's going on here? <html> <head> $(document).ready(function() { $('#screen').attr("height", $(window)...

any good class for generating graphs and pie charts

hi! I'm working on a project which includes generating pie and bar graph charts on the fly with user inputs. Can anyone suggest me some good libraries to do that? It can be any like jquery, css, php class or anything free.. And i'm going to use it mainly offline. Thanks :) ...

When is it OK to use Javascript and when not?

Is it good practice not to use much javascript/jquery? Should we avoid it as much as possible (for good accessibility)? When is it OK to use JavaScript and when is it not in web design and development? In what scenarios and with what conditions? Update: I'm asking regarding public websites. ...

How do I render <li> side-by-side?

I'm looking to create a navigation menu with list items rendered in one line. How do I do this? ...

Turn off iPhone/Safari input element rounding

My website renders well on the iPhone/Safari browser, with one exception: My text input fields have a weird rounded style which doesn't look good at all with the rest of my website. Is there a way to instruct Safari (via CSS or metadata) not to round the input fields and render them rectangular as intended? ...

Safari on iPhone: CSS Positioning off by 1px

Safari on the iPhone renders my {position: relative; top: 80px;} div 1px too low (all other browsers work fine) - is there any way to fix this via conditional css? ...

How to embed a font in website

Hi All, I am trying to embed my custom font in my web site, got a link folder from http://www.fontsquirrel.com/fontface/generator this site after uploading a font on this site, it gives me a css @font-face { font-family: 'VoltaEFTU-Regular'; src: url('voltaeftu-regular-webfont.eot'); src: local('☺'), url('voltaeftu-regula...

Wrapping text and div as a unit

I have the following that I would like wrapped as units. <div class='tag-box'> <a href=#>Axe Committee</a> <div class='circle'><a href=#>x</a></div> </div> The CSS for these classes are: .tag-box { display:inline; } .circle { display:inline; padding-left:4px; padding-right:4px; background:rgb(196,15,24); /*dark red*/...

How to show hidden div when javascript is disabled?

I'm hiding a div using display:none and this div only shows when we click on + icon. but if JavaScript is disabled then I want to show that div by default on. How to do this? I can't post whole code for now. jQuery(document).ready(function() { jQuery('a#toggle').click(function() { jQuery('#map').slideToggle(400); return...

How to apply different CSS style to child elements as they occur inside one another?

For example my HTML is this <ul> <li>Sample 1</li> <li>Sample 2 <ul> <li>Sub 1</li> <li>Sub 2</li> <li>Sub 3 <ul> <li>Grandsub 1</li> <li>Grandsub 2</li> <li>Grandsub 3 <ul> ...

Lytebox not loading when all thumbnails are not loaded.

If you go here: http://74.53.45.114/~hendrikv/new/galleries.html - click on any gallery and then click on any thumbnail before all the thumbnails are loaded the image is not opened in Lytebox. Also looks like this only happens to some visitors and not all. Is there anyway to get around this so that the image opens in Lytebox even though...

jQuery: Apply css to image on click event

I want basically the same as http://stackoverflow.com/questions/530701/jquery-select-image a row of images that you can select one of. But I'm trying to style the one I select, and store it. var selectedicon = ""; function selecticon(){ $('#iconselect').children().click(function(){ $(".selectedicon").removeclass("selectedico...

Table with 100% width with equal size columns. (a variable name)

Hello, first of all I am not quite good at web design. I have to dynamically create a table with a variable number of columns, determined at runtime. Can somebody tell me if it's possible to have a html table with equal size columns that are fully stretched ? Any hints ? ...

CSS issue in IE

Hi, My website contains drop-down menus at the top right corner of the screen. The drop-down is displayed fine, but when I hover over elements within the drop-down, IE renders them incorrecty. Firefox, however, displays them the way I want. The website is http://www.textsensor.com/test. Can anybody tell me what is causing the issue in I...

Oversize cursor in Firefox form with textbox background image

Hi all, I have a webform with background images on the textboxes to give them a nice rounded corner. In Chrome the textboxes work as expected, however, if I view the form in Firefox the cursor appears to size to the height of the image, but the text is a normal size. Is there a way to override this oversized cursor? Here is the CSS of...

HTML / CSS How to add image icon to input type="button" ?

Hi, I'm using this css, but it puts an image in the center. Any way to left or right align an icon using an input type="button" html button, so that the text and the image fit on the button nicely? background: url('/common/assets/images/icons/16x16/add.png'); background-position:center; background-repeat:no-repeat; ...