css

How to Include CSS and JS files via HTTPS when needed?

I am adding an external CSS file and an external JS file to my headers and footers. When loading an HTTPS page, some browsers complain that I am loading unsecured content. Is there an easy way to make the browser load the external content via HTTPS when the page itself is HTTPS? ...

How to set the id of a 'label' HTML element?

If I have the following: <label for="deletetxt">Delete This Text</label> What is the 'for' attribute here? Is that the id? Assuming that I cannot set a class for the label element to style the label element, how do i set css for this element? ...

CSS background image

I have .green { background-image:('http://i42.tinypic.com/xzup2.jpg') background-repeat: no-repeat; height:430px; width:100%; } .yellow { background-image: url('/images/yellowlight.png'); background-repeat: no-repeat; height:430px; width:100%; } in my css. .yellow works fine, but .green. does not work. What's wrong? ...

JQuery.ready is too late: How do I apply CSS Values with JQuery before Rendering?

I want to be able to apply opacity to some elements to make them invisible only if javascript is enabled. I don't want to use display:none because I want the layout to act as if they're in the DOM, so setting opacity to 0 is perfect. I want to be able to set this initial value using Javascript, using JQuery, so I don't have to mess wit...

Best practice way to handle variable content margin?

Ok, so a quick site that I am throwing together for a friend has about 20 static pages. Each one with a small amount of content. the div Container contains, well, the div Content, and the div Content contains, obviously, the content that changes on each page. Now, depending on the length of the content, I want a different margin at t...

position div center horizontal and vertical

i would like to center a popup div how can i do that browser friendly???? this is the original a bit to the left. <div class="popLayerWrapper"> <div id="addBookmarksLayer" class="popLayer" style="left:260px; padding:30px;"> <div class="closeLayer" >close</div> <div class="layerContent"></div> </div> </div> ...

possible to have a background color transition from color A to color B without repeating a pixel stick?

For things like menubars and headers, a background color is nice. But a background color that gracefully transitions from say Blue to White is even nicer. I know this can be done by making a 1-pixel wide, X-pixel tall image file containing the desired fade and repeating it across the div, but does CSS have native support to just define...

How do I add a comment to an image using jQuery

So I am trying to replicate Facebook's picture tagging functionality, and I have the functionality that onClick, a box is created and there is a comment box. Now the issue is that I want to be able to (without doing any back-end processing) take the input from the input field and add it in some form to the underlying image area that the...

Cross Browser Issue

My background is in WinForms programming and I'm trying to branch out a bit. I'm finding cross-browser issues a frustrating barrier in general, but have a specific one that I just can't seem to work through. I want to display an image and place a semi-transparent bar across the top and bottom. This isn't my ultimate goal, of course, b...

CSS Hover on parent list Item only

Hey Everyone, So I have some nested lists (only one level deep) and I'm running into trouble with the CSS :hover feature. I only want the hover to apply to the parent class, but I can't figure that one out. Here's my CSS <style type="text/css" media="screen"> .listblock li img { visibility: hidden; } .listblock li:hover img ...

CSS/JS Problems IE7 Suggestions

I have been having some serious issues trying to get this web page I have been working on working correctly with IE7 (ff/chrome/safari/ie8 all work fine). I have corrected all HTML and CSS issues, but it still does not render the same in IE7. I have been working on this for months, and was wondering if the community could give me some ...

If i use jquery in projects then should i keep "firequery" installed?

If i use jquery in projects then should i keep "firequery" installed? http://firequery.binaryage.com/ Would it be helpful? ...

How do I make these layers not overlap?

http://removed.com/jquery/test.html# I have three problems that I need help with. 1 ) When you click "More" on top right, it open a div #search and the background is being overlapped by the brown element below. I tried using z-index, but it didn't work. 2 ) I'm trying to make the div #search align directly beneath the "More", but up...

Will a browser download a font-face even if it is not used in the page?

It would be easier for development if I can just embed every typeface I'm likely to use, but I definitely don't want the extra HTTP requests for fonts that don't end up anywhere in the page. Can anyone enlighten me? ...

fixed background in IE -any resolution

Hi, In my website, I have to use the background image that is fixed in any resolution, and should not change when control+scroll. I have used the following css. /* CSS style */ img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto...

css, external fonts

I have a big problem with css, how can I pun this font MyriadPro-It.otf in CSS? Thanks ! ...

Centering of a div, but the normal CSS does not work

Hello, I want to center a div, but the general way is #selector{position:relative;margin:0px auto;} What exactly is wrong below #crp{top:40%; position:absolute; margin:auto;} The Div below is not nested but a standalone. The #crp is going to the extreme right. <div id="crp">...something goes here....</div> Thanks Jean ...

How do I keep this from pushing down?

http://removed.com/jquery/test.html Playing with jQuery and upon pressing "More" on the top left, it pushes down the "Brown" layer. How can I keep the brown layer steady? It happens in Chrome, but not Firefox. ...

Table column with headers change column width

Hi, here's my table: HTML viewable at jsfiddle.net (it's a lot of code to post here) The method to change the column width escapes me, I'd like the "Produkt" column to be wider. Thanks. ...

How to remove the header in SlickGrid ?

I know that there is no API to remove the header row, but I'm sure it can be done by modifying some CSS. Any ideas ? For example, here: http://mleibman.github.com/SlickGrid/examples/example4-model.html CSS experts ! I need your help with this one. I'm interested in changing the CSS code of the package that removes the header row. CSS c...