css

How to set a 5% margin when using RootLayoutPanel and DockPanel

I've been playing around with GWT 2 and I'm finding it quite hard to get the basic page layout that I want. Basically I'm using a DocLayoutPanel where I'm adding a north (header), south (footer), west (navigation), and content area. I'd like the doc panel to take up 90% of the page and centered. That would give a nice 5% margin. Howe...

Are there any pros to use HTML 4.01 strict over XHTML 1.0 strict (content="text/html)?

Are there any pros to use HTML 4.01 strict over XHTML 1.0 strict (content="text/html)? ...

How to make styling and functioning of form elements get not to break in all browsers?

How to make styling and functioning of form elements identical in all browsers? <form> </form> <fieldset> </fieldset> <legend> </legend> <button> </button> <label> </label> <input type="button" /> <input type="checkbox" /> <input type="file" /> <input type="hidden" /> <input type="image" /> <input type="password" /> <input type="r...

Suggestions on laying out web pages using CSS

This is the text: productName $100 Add to Cart I want to layout the text in follow: productName $100 Add to Cart the "productName", and "$100" should align left, and Add to Cart should align right, I know that it can be done using table tag, but apart from tables, any other suggestion? ...

Find the width of a left floated list and apply to wrapper div to center it using css - jQuery?

Hi, I wish to center a ul in a div that is the left column of a liquid layout. To do so I need to set the width of a div that I've used to wrap the ul. Note: the list items (and content) are retrieved from a database using php. I'm interested in your suggestions on how to do this using jquery. Consider the below markup: <div id="wrap...

How do I create a fade in effect on a rotating background image using Jquery

I'm currently using a small jquery script to rotate through background images on a portfolio site I''m creating for a friend's portfolio site here's the code: counter = 1; num_images = 9; dir = "IMAGE DIRECTORY URL"; function rotateHeader() { var background_img = 'url(' + dir + '/image' + counter + '.gif)'; jQuery('...

What are cons to use % over em in terms of accessibility?

What are cons to use % over em in terms of accessibility? ...

I can't make div to expand until the bottom of its parent div

I want the leftcolumn to expand until the bottom but at the same time to remain above of the footer (I tried height: 100% but no luck). Here is my markup: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html> <head> <meta http-equiv="Content-Type" content="text/html; c...

Strange input field indent in Safari

This code: <table cellpadding=0 cellspacing=0 border=0> <tr> <td bgcolor=red> <input type='text' /> </td> </tr> </table> Gives this output in Safari and all other browsers: The question is how to remove the indent that is highlighted with background color. Problem occurs in Safari only, CSS margin...

Paint all pixels (excluding transparant) in PNG with Javascript/CSS?

Hello, I need to create a silhouette of a PNG with Javascript/CSS. Is this possible? I tried the following: Stack the PNG with lowered opacity multiple times with absolute positioning and z-index. This does not work. Unfortunately I can't use PHP or something else then Javascript and CSS. I got some ideas with overlays and such but I...

Aligning contents of a div right. Getting 'direction: rtl' effect, without specifying the widths? while keeping text direction in input fields going ltr. Is it possible?

Aligning contents of a div to right edge. Getting 'direction: rtl' effect (right to left), without specifying the width of the div? while keeping text direction in input fields going ltr(left to right). Is it possible? Applying direction: right to div almost acheives effect, except text fields inputs also become rtl. (I guess align: ri...

What is the best accessible and W3C valid way to code a one simple search input box with image button?

What is the best accessible and W3C HTML 4.01 strict valid way to code a one simple search input box with image button(to do search)? like this accessible and W3C HTML 4.01 strict valid both. ...

CSS Horizontal sub menu - IE 6,7 both dont working, tried with whatever hover.

I'm not expert about css menus. But I know basic system to make css menu. I used this system before and works, but this time it is not working. The site is http://www.uniethos.com. Please check this site This menu works with all other latest Browsers. But not with IE 6 & 7. I know IE6 don't support hover except anchor. So before I was...

HTML: How to stretch an empty element horizontally

I am trying to achieve a simple effect in HTML + CSS. Something like this _____________________[ Some Div ] Forgive the poor ASCII art. The ____ is to depict a border-bottom. The Div to the right of it shouldn't have the border. I want this border to stretch as much as possible, so that together they occupy the ...

Is there a useful purpose for <style type="text/javascript">?

What is the use and purpose this , is it useful? ...

How to modify the facebook share button?

How can I modify the width of that fricken button? I have a retweet button that is the width that I like, but I cant seem to find any documentation on how to reduce the width in css for the facebook share button. If you look at the posts buttons you will see it on the site. www.itjourneyman.com you will see the facebook button is just ...

Codeigniter and jQuery css switcher

hello, I have been following a tutorial on creating a style switcher with PHP and jQuery, now in the tutorial the PHP function uses get data, which is not available in codeigniter, I was hoping someone would be able to help me tidy up my sorry attempt? My PHP function function setBackground() { $style = $this->uri->segment(3)...

Can anyone nicely explain what "em" is (a sizing unit of CSS)?

Can anyone nicely explain what em is as a sizing unit of CSS? And when we use em as a size unit for a website, why use % for the body? Why not use em too for the body? ...

Tool / plugin for laying out web page with minimal efforts applied on raw CSS

Hello people. First things first. I have been struggling while dealing with raw CSS to generate complex page layouts. It gets further complicated with browser vendors looking in different directions. Well, now that can't be changed. So after a lot of efforts I started looking for: A WYSIWYG editor that would take in content an...

What em can do which can't be done by %?

What em can do which can't be done by %? ...