css

Help with a bottombar

Hi all, i have been trying to implement a bottombar for my site, however the vision i have seems to me to be rather difficult. Maybe you can enlighten me? I want to have a bottombar that sits at the bottom of the browser window if the content does not spill over the edge, but if the content does spill over i want the bottombar at the b...

How do I convert inch to pixel?

Hello, First of all, I am talking about HTML. My client asked me to make a form that he is going to print with a thermo printer. He told me that the thermo printer uses 4x6'' papers. What width and height should I use on CSS? ...

keep User Information in form in case of errors

How do i keep the information a user has entered in a form in a case where s/he has made an error in the form so that s/he does not have to make the entries once again? I would also like to indicate the errors made by highlighting the texboxes with the errors with a red color ...

How to float elements in a div that is smaller than it's floated elements?

I want to build my own carousel for learning purposes. But I'm curious how to do it properly. I tried to put divs as carousel items next to each other with float:left. Every div has a fixed width and height. After that, I've put a div around the carousel items, called "clipping". The clipping div has the same size as the elements in it...

CSS if statement question

What is the syntax if I want to load a css file in my website with if statement. Situation is like this. If ie6 I will load ie6_style.css and if ie7, mozilla, or new browsers, I will load style.css ...

CSS / jquery if() css effect

Not sure why this isn't working... I have several DIVs with an class of .rightColumnButton. A few of them have a height of 30px: .rightColumnButton{ height:30px; width:206px; margin-top:20px; } I want to change the margin-top to 10px if they have a height of 30px: $(function(){ if($( '.rightColumnButton' ).css("height") == "30"){ ...

CSS selector for "foo that contains bar"?

Is there a way to make a CSS Selector that matches the following? All OBJECT elements which have a PARAM element inside of them The selector OBJECT PARAM doesn't work, as it matches the PARAM, not the OBJECT. I'd like to apply { display:none } to the objects; it's useless to apply that to the PARAMs. (I'm aware I could pull thi...

In-browser default selected text color - What is it?

Supposing no CSS, javascript or other HTML trickery, how does the browser determine the color of the text and background for selected text? For example, standard white background (#FFFFFF, or RGB=255,255,255) with black text (#000000 RGB=0,0,0) when selected with invert the colors (i.e. black background, white text.) How are other color...

What tools do you use when generating markup from mockups?

So I endeavor to spend most of time on the app server side of things but time to time I need to get my hands dirty and generate markup/css/js from a wireframe or mockup. As far as tools go, Ive found browsershots and Litmus app helpful and of course, vm's as well for checking things out live in ie-{6,7,8}. Otherwise I do the heavy liftin...

drop down menu padding problem in IE

Hello, I have checked this in IE8 and its compatible mode, in firefox this code is working fine but in IE its not indenting as expected. The code is below: Please help! <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; <html> <head> <meta http-equiv="Content-Type" content="text/html; c...

CSS Overflow Problem in IE6 - Element Does Not Appear/Show Up

The only thing worse than having a CSS problem in IE6 is having a CSS Problem in IE6 that's different from everyone else's. I have a div, with a fixed width and height, and overflow set to scroll. It works find in IE7/8, FF, Chrome, so on. The div is invisible. It doesn't show up. It's as if I put display:none on it. If I remove ove...

Few confusing things about WebControl.Style property

Hi 1) WebControl.Style ( MSDN ): Controls have WebControl.Style property that returns a CssStyleCollection, which contains the HTML style attributes to render on the outer tag of the server control. CssStyleCollection ( MSDN ): Any style declared for a particular HTML server control is added to the collection when the cont...

jquery lavalamp focus

Possible Duplicate: Trouble with jquery lavalamp For some reason my background color shoots back to the leftmost link no matter what link I click on. Anyone know how to get it to stay on the clicked link? css #lamp { float:left; margin:25px 0px 0px 90px; clear: both; } .lavaLamp { position: relative; height: 29px; width: 400p...

IE6 and addClass() in Jquery

This doesn't seem to work in Jquery $(document).ready(function() { $(".navlist li").each(function() { var href = $(this).find("a").attr("href"); if ($(this).find("a").attr("href") == window.location.pathname) { $(this).attr("class", "active"); } }); }); in my html <div id="main-navigati...

Example of css inherit keyword

What is an example of needing to use the inherit keyword in css? ...

Should we think about CSS media other than screen and print?

Should we think about CSS media other than screen and print? http://www.w3.org/TR/CSS2/media.html#media-types all Suitable for all devices. braille Intended for braille tactile feedback devices. embossed Intended for paged braille printers. handheld Intended for handheld devices (typically small screen, limited bandwi...

H1 CSS reset failing?

Im going mad trying to figure out why the title link (in the left) and the other links in the nav bar (right) are not the same height. The difference is subtle in Safari, but bigger in IE6. Im missing something in the css reset of H1? SAFARI IE6 The HTML <div id="navbar"> <table width="100%" border="0" cellspacing="0" cellpad...

How can I make height: "100%" work cross browser in CSS?

I have 2 columns that are achieved by floating. They do not stretch to 100% when using css. How do I achieve this? ...

What does the inherit keyword in CSS do?

Can somebody please explain, what is the inherit keyword meant to do in CSS? ...

Image based CSS Dropdown menus

I'm building a website, and would like to make aa navigation bar with submenus. My menu items are entirely image based. I have an image for each item, and each item hover. I'm just not sure how to go about doing it this way, I only know how to make one without use of images. Thanks ...