css

why don't html form elements obey my CSS?

I am trying to make form elements fit into a visual style with other DOM elements including making buttons and text-inputs fit together, buttons and divs as a single visual element (like a form button attached to some content div with the same background color). Why don't form elements follow the same rules as other DOM elements? they s...

How do I style a div to make it run with the text?

I want to make a small text-height div run with the text. My code looks like this: blah blah blah <div style="display:block; float: left; width: 100px">[IN A DIV]</div> blah it should come out to look like: blah blah blah [IN A DIV] blah blah but it always comes out as: blah blah blah [IN A DIV] blah blah ...

How to make infinite movement of a div?

I am trying to make a webpage that uses a moving div that slowly moves to the left. There is also another div that moves on top of it to the right that gives a 3D effect (but that's beside the point). What I am trying to do right now has made a 7000px wide div that slowly moves to the left (animating the "right" property of CSS with jQu...

Marquee plugin with a div

I am trying to use the marquee plugin with a div but i can't figure out how to do it. If you visit my testing page here you will see that although there are two slowly moving divs, one to the left, and one to the right, if you continue to wait, they gradually disappear off the page. I think that using the Marquee plugin, I can fix this...

CSS: Dynamic width on Menu

Exact Duplicate of http://stackoverflow.com/questions/994208/css-help-making-menu-fluid The menu works fine with fixed width but I would like the words to wrap ONLY on the top menu categories. I need to be able to have n categories and have the width be evenly distributed. Obviously n would be within reason (I am not going to have ...

Rounded Crnr CSS Hover

Hi Guys, So I have used - http://www.roundedcornr.com/ - to generate some rounded corners via CSS. Great - works fine, no probs. However! I am now really stuck trying to do "hover" rounded corners. I basically got the generator to generate the corners in a lighter color (for the hover) and now have no idea how to implement the lighter ...

CSS Performance Question

I was wondering what the experts do when it comes to writing CSS code. Is it bad to use the tagname.className style? Does inheritance cause a noticeable performance loss? Does it only affect the browser when loading a page or also after? eg: user scrolls down further the page, would poor CSS be a culprit to sluggish scrolling when viewin...

List type problem in Internet Explorer

.work .nav { list-style: none; margin: 0 0 5px 5px; padding: 0; position:absolute; top:248px; left:15px; z-index: 2; } .work .nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .work .nav li { float: left; margin-right: 5px; } .work .nav li a { ...

What is line-height:1?

It is a question about the appointment of line-height. I began study of css. line-height: Examples appointing 20px or a unit are often found. It is sometimes line-height: There are 1 and a thing without a unit, but what kind of meaning does this become? ...

3 columns layout via DIVs (middle-flexible, all flexible height, STRICT mode)

Hey guys, I've struggled with this for a bit and don't seem to find a solution. Need an advise or the simple statement saying this is impossible (so far I think it is - impossible). Problem is: need 3 column flixible width layout, left fixed width, right aswell, middle - takes all of the space provided by body or whatever. Trick is that ...

CSS - what is @page?

Hi, I have this in my stylesheet: @page { margin: 0.5in; padding: 1em; @bottom-right { content: counter(page); font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif; font-size: 8pt; } @bottom-left { content: "Some text"; font-family: ConfluenceInstall...

Place text and image next to each other without wrapping and control vertical position of image..?

Hi, I want to place a little image next to usernames on my website which visitors can click. The image is an icon (16x16 pixels CANNOT CHANGE!) and it needs to be displayed a little lower than the text. I don't know how many characters the username will be, but the entire text+image should not be wrapped over multiple lines... How can ...

Overlaying a transparent PNG over a SWF disables all click events in the SWF

Hi all, I'm trying to position a transparent PNG over a SWF movie through CSS (absolute positioning). But when I position the PNG directly over the SWF, all click actions on the SWF seem to be disabled. The SWF is asking to use your webcam, but you can't click any of the buttons. Check this link for an example. You can find the CSS her...

Image Padding in CSS, HTML

I'm having problems with images in a table. Although I set tr width=95, and image has width of 95 as well, the tr will automatically have a width of 97 (2 px padding on the right). However, I've explicitly stated style="padding: 0px". A sample page is as follows: http://beta.worcell.com/sony.html Another problem that I have is with th...

Why is a JavaScript CSS class breaking this script?

Here's the script- <script language=javascript> function apply() { document.form1.sub.disabled=true; if(document.form1.chk.checked==true) { document.form1.sub.disabled=false; } if(document.form1.chk.checked==false) { document.form1.sub.enabled=false; } } </script> If I use this html it doesn't work-- <input clas...

GUI Style Examples

Are there any site that show good examples of web application styles? Form designs and layout styles? "Coding is easy, getting it to look good thats hard" -Thanks ...

How can I layout some divs in the following arrangment?

I have a main container div in the center of my webpage. This is already in place and has various elements in it. However, now I'm trying to place a large content div (Div #1) on the left that takes about 70% of the Main Container Div. What I'm having difficulty doing is getting the CSS right for having Div's #1, #2, #3, and #4 arrang...

Ajax:ModalPopup js exception, BackgroundCssClass is null

Hi I use a modal popup extender, i followed all the instructions on the toolkit sample page, except that i didn't set the property BackgroundCssClass. this is what happens: Is there a way I can get rude of it without setting the cssclass prop? I don't need any styles. If the answer is NO then please show me an example how to set it ...

How do you select a radio button in css?

How do you select a radio button in CSS? The HTML I am working with is generated so I cannot add class or other attributes to it. I found input[type="radio"] on the internet, but I don't know if this is regular CSS and supported by most browsers. Is there any other ways to select a radio button? Thank you, Brett ...

How to use very large font sizes in Internet Explorer with CSS that won't affect design?

The font size I need to match the design I have is 85pt, which is extremely large. In IE6 and IE7, my design is affected because the divs that contain these elements become larger than they normally are, and as a result, elements under these are pushed further down, somewhat breaking the design. I have the height defined for these elemen...