Is there some syntax I can use in my media="print" CSS which will make one div element cover an entire printed page? <div id="important_thing">Important!</div> <ol id="other_stuff"> <li>Thing</li> <li>blah</li> </ol> print.css #important_thing { width:100%; height:100%; } #other_stuff li { float:left; width:20pt; heigh...
Hello, So in colorbox photos can be grouped together to form a slideshow, I would like to be able to use divs as the content of the slideshow instead of images. Is that supported? Javascript code: <script> $(document).ready(function () { $("div.colorbox").colorbox({ width: "50%", inline: true,slideshow: true, href: funct...
my scenario: large amount of JSP (about 3000) not too much css files (about 100) Today I have a lot of bundles that includes a couple of css files, as needed. Then the jsp includes: or the bundles or the css files. Is Jawr the best choice for me? How do you handle you css files? ...
hi, why does the code below put the submit button on its own line in FF but on the same line in IE? <style type="text/css"> #div1 form input.submit {display:block;} </style> <div id="div1"> <form> hi <input type="submit" class="submit" value="hello there"> </form> </div> ...
I am trying to show a specific table row on top of an overlay. It's working in Firefox, but not Safari. I don't understand how that can be possible since Firefox and Safari usually render these types of things the same. <body> <style> .overlay { position:absolute; width:100%; height:100%;...
Hi, I have the following code: <html> <head> <style type="text/css"> li {list-style-type:none;} label {clear:left;float:left;width:110px;} input.submit {display:block;margin:20px 0 10px 110px;padding:4px 0;width:140px; } </style> </head> <body> <li><label>Full Name: </label><input type="text"></li> <li><label>E-mail Address: <...
In the markup below, I'm looking for a way (perhaps using css selector's) to style the content div differently depending on the presence of menu? Menu may or may not be present in that location in the markup and if it is there, I need to add some top margin to content. I believe sibling and descendent selector rules might not go this fa...
I am trying to create this webpage that shows a database with a "Master-Detail" type view. To do this I am following this tutorial http://mattberseth.com/blog/2008/04/masterdetail_with_the_gridview.html. The only difference is that I am not using ObjectDataSource, instead I am just using my SQL - DataBase. Here's the problem: When I c...
A site I am working on just exceeded the monthly bandwidth our host provides (25,000 MB) and when looking at the server stats and logs, I found TwinHelix's iepngfix.htc to be the #4 largest bandwidth drain. #4 hits:73939 KBytes:181035 /iepngfix.htc I find this especially interesting because a .swf used as a background image on every pag...
We've reached the end of our tether here trying to overcome a nasty and intermittent FOUC in Firefox 3.5.x+ for a new release we're working on. We've tried: Disabling Javascript in FF Using Quirks mode rendering by removing the DOCTYPE Moving from @import for additional CSS to <link> Switching concatenation on and off Removing CSS fil...
I'm struggling with this for a while now and without any success. Setting the style with jquery doesn't work, the same with after the facebook iframe. Is there a way to perform this task ? <iframe src="http://www.facebook.com/plugins/like.php?&href=http%3A%2F%2Fwww.example.com&amp;layout=standard&amp;show_faces=false&am...
In various browsers, when a specific font is used (e.g. - Helvetica Neue), if that font is not found, the first font in the immediate family is used. So if I were to specify that Arial Narrow was the base font style for an element and my reader did not have this font, it would travel to the first available Arial font the system could fin...
I've got a web page that I know is being viewed in various browsers, with mobile devices, etc. I just want to add a printable view. The current stylesheet link looks like this: <link rel="stylesheet" type="text/css" href="somefile.css" media="all" /> What I want is to do the equivilent of "if print, use this new stylesheet; else use ...
I'm using a UL to display the options for data visualizations on a site. The items are displayed inline and retrieve the image from a sprite png. This works fine in FireFox 3x, but in Chrome and Safari, the first item disappears. If I replace the sprites with the individual images, all of the list items display properly. Here's the CSS:...
Hi, I have a div box (absolutely positioned), which is expandable and below that I have another div box non-expandabe (relatively positioned). Now when that absolutely expandable div expands, the one below that dosen't shifts down. Is this not possible ? Had my code been not too long, I would have placed it here... Can anyone help me...
I have been racking my head trying to fix http://www.indianpotterymall.com. for some reason the main section has moved to the bottom of the page under everything and I can't get it to pop back up to the top where it should be. The home page is fine but when you go into a category is when it get's all wacked out. Any help will be greatly ...
Why does: div { -webkit-box-shadow: 5px 0 20px #c1c1c1; } put a shadow underneath the div when it's clearly set to 0? ...
Hello guys, I really need help on this, please. I've tried everything I can think of. For some reason... a facebook share box that pops up after clicking the "like" button on a blog I am fixing is not showing completely. It seems as if the wrapping div's were hiding it, but I have tried everything, with no luck. Here is a screen shot...
I have a div at 100%, in order to center things i have an anchor tag inside i only want at 85px width, but it is not recognizing this and will just expand based on the length of text that is in the anchor tag. HTML: <div class="players_names"> <a class="player_name" href="#">34 J. Langenbrunner</a><br /> <a class="team_name" h...
My blog posts live in a container that's 600px wide. When I have an image that's wider than 600px, I resize it via CSS (.post img {max-width: 600px}) I'd like users to be able to click on these resized images and see the full size version in a lightbox, but to do this I need to detect in Javascript which images have been thus resized (s...