css

CSS - Tips for this layout strategy? Three background layers

Hi, so I've got this webdesign I'm trying to put together with CSS and I'm struggling a bit on the CSS layout of divs. Things is, I want a main background. Then a layer on top of that with a semi-transparent png image to simulate shadow. And on top of that again, I want another semi-transparent png image, only centered. And then a head...

How to enable background printing by default using css or javascript?

How to enable background printing by default using CSS or JavaScript from all browsers' default settings? ...

CSS - js rendering links useless...

Ok, well, thanks to people here, I figured out the portion of my js code that's rendering my links useless is what's pasted below... Still trying to figure out why, but if someone has any insight, that'd be great... function initJumpMenus() { // Turns all <select> elements with the 'jumpmenu' class into jump menus var selectE...

When CSS sprites would be good to use and when not?

In what scenarios CSS sprites would be good to use and when not? Is it time saver or only server request saver? I think bandwidth use will be same because image is same like ong big image but it's in a parts? When and where use of css sprite is a time saving(in work) option ? For navigation it's good for rollover pre-loading effect b...

Is there a way to Show/Hide elements without CSS?

Hello All, I am making one Web UI 508 compliant and one requirement states "working with Web UI when CSS is disabled". We have several places where we show/hide elements using style=display:inline and style=display:none and calling them accordingly using JS function calls. When i disable the CSS (using WAT2.0), the hidden elements are a...

Floating a div without specifying a width

I can float an image on the left and have the text wrap around it no problem just by specifying float: left on the image. Like this: <div id='foo'> <img src='bar' alt='baz' style='float: left;' /> Lorem ipsum... </div> However if the image is wrapped in a div like the following i cannot achieve the same effect without declaring ...

How to use float without flipping floated item and changing in source order? Is this possible ?

See this example to understand http://jsbin.com/ocewu This is code of example <style type="text/css" media="screen"> body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; } div {width:300px;height:42px;border:2px solid red} a{border:2px solid blue;padding:10px} div a {float:right} #div2 a {float:left} </style> <...

CSS: fixed position on x-axis but not y?

Is there a way to fix a position on the x-axis only? So when a user scrolls up, the div tag will scroll up with it, but not side to side? ...

newbie question about css property set up in Web developer 2010 Express

I am relatively new in C# and ASP.NET MVC. There is something unusual that happens and it could be a simple property setup... I have a MVC Web app and a css file associated with it in my Content folder. Now everytime I do some changes in the css file I don't see these changes when I run the app. It seems that whatever I do the app keep...

CSS - how to position element to the bottom of its parent container?

in the following example, I am trying to put the child div (the pink rectnagle) to lay at the bottom of the its parent div. I tried to use the suggestion that I found this stackoverflow thread but it didn't help. any idea? <html> <style type="text/css"> .a { background: gray; height: 80px; } .b { ...

Can a CruiseControl.NET plugin cause a web dashboard page to link to additional style sheets?

I'm developing a CruiseControl.NET plugin, and the content that I want to display in the plugin's web dashboard page uses an external style sheet. Is there a way for a CruiseControl.NET plugin to cause a web dashboard page to link to additional style sheets? Or will I have to merge my style sheet into CruiseControl.NET's style sheet? ...

Floats in CSS - Gap/space left on top when floated to the right?

This is a little difficult to describe, but basically there is undesired space left by a floated div on my page. Here are pictures describing the problem. The black boxes are divs. Before floating: After floating: Desired effect: And I'm not sure if it makes a difference, but I also have an empty div with "clear: both" placed i...

Reset state of button

Hi, on my website I have 4 css styled buttons in the header of a table. When each button is clicked it currently changes the css correctly as per the below script (the below code may not be the easiest/most efficient way I am achieving this result). What I would like to achieve is something similar to a radio button in that when each ...

Baseline inconsistency in fonts between Firefox/Mac and Safari/Mac or Firefox/Win

Noticing a strange rendering anomaly in Firefox 3.5/3.6 (haven't tried other versions) in Mac OS X. Looking around, I've seen similar issues reported and addressed, but most were surrounding CSS line-height being set to normal as opposed to a unit measurement. Take the following code: <style> h1{ background-color:#f00; ...

ASP.NET Watermark over page

Is there a way to create a light see through watermark over an entire web page? One that stays on the screen, even if its scrolled? My thought was to create a .PNG bitmap and use a DIV tag with a style sheet that has my PNG set to the background image, as well as position absolute set. The problem is, I don't think it will scroll as my p...

CSS Table cell border overlapping table border

I'm hardly an expert in css, so this is a bit frustrating. I have a grid that was filled with a repeater. I want each row to have a 1px border along the bottom to visually separate the rows. I also want a dark gray border on each side of the table. With the following CSS for this table: #repeaterTable { borde...

CSS and Printing : Keep block of text together.

This is a typical Multiple Choice exam, Assume a question format: <question qid='1'> <stem>What is your name?</stem> <choice value = 'a'>Arthur, King of the Britons</choice> <choice value = 'b'>There are some who call me ... Tim!</choice> <choice value = 'c'>He is brave Sir Robin, brave Sir Robin, who-- Shut up! Um, n-- n-- n-- nobody, ...

CKEDITOR - prevent adding image dimensions as a css style

How to prevent CKEDITOR from adding image dimensions as a style? Instead of this: <img src="image.jpg" style="height:100px; width:100px;"> I want this <img src="image.jpg" height="100px" width="100px"> ...

textarea not receiving descendant CSS property

Hello, I have the CSS setting: .missing textarea {background-color: #fffcc !important;} And the html looks like so: <div id="label-add" class="jscript xtra-box sub-question missing"> <p>Additional Health Care Instructions</p> <textarea id="addrule" name="addrule"></textarea> </div> It uses the XHTML 1.0...

Is there any equivalent to IE conditional comment for chrome and safari?

I am wondering if there is any thing which works like ie conditional comment for webkit. I want to change width. For example, <!--[if IE]> <link href="css/ie.css" rel="stylesheet" type="text/css" /> <![endif]--> Thanks in advance. ...