css

Stategies for printing multiple page HTML tables and dealing with page breaks.

I have seen this similar question. (I highlighted the important bits to make skim-reading the question faster) To add to it though, I would like to format an HTML table (with a lot of rows) in such a way that when printed, it would repeat the table headers after each page break. Another words, for the table headers to be visible at th...

Which object triggers the style width 207px, instead of 920px slideshow-width?

I customize SuperSlider-Show 2.7.7, blue.css, WP 3.0.1. Each browser shows different results. Capture of css problem. ...

Map legend with CSS

How would you style a legend map with css only (no images)? Do I use div element for little squares of color or a span element? Any help would be appreciated. something like this http://golondrinas.cornell.edu/Maps/Map%20legend.png ...

div doesn't take the whole height / is not 100%

here is the live link: http://mrgsp.md:8080/a/Account/SignIn the main div (green one) doesn't take 100% of the screen height you will notice this only if you have a big screen and the code is basically <body> <div class="loginpage"> <div id="loginbox">stuff inside loginbox</div> </div> </body> .loginpage { background:none repeat scr...

vertically justify or how to vertical fill a div using css

I have a page that have something like this: <div> <sometag></sometag> <sometag></sometag> <sometag></sometag> ... <sometag></sometag> </div> Sometag may be another div or an img, but it has fix height, i guess it's not important. Also, the sometag elements are placed one of the top of the other. The height of the div is a little bit ...

Inconsistent #include css look

For some reason, I'm having a problem with these two pages on my website that should have some elements look the same, but for some reason, they look a little bit different. I have some included asp files which are linked to the same CSS files, so that is why I believe they should be the same. The spacing looks off on the about.asp pag...

CSS Is it possible to center table column?

Hello, Suppose I have table with two columns. I can center this table by using: margin: auto But let's say I want second column to appear in the center. How do I do that? Is it possible? Edited: Here is what I want to achieve: ------------------------------------------------------- | ...

HTML coding order versus layout question...

I want to design a site with header, navigation part and content... for SEO purposes I want the coding in the order of content, header and navigation area... but when viewing the site we want to see header first then navigation area then content... is there any way doing this ? ...

jQuery: height()/width() and "display:none"

I always thought elements that had "display:none" CSS style returned 0 for height() and width(). But in this example, they don't: http://jsfiddle.net/Gts6A/2/ How come? I've seen 0 come back plenty of times in the past. ...

Detecting mobile browsers on the web?

I'm curious to know how to check for iPhone, iPad and other mobile browsers.(JavaScript or CSS) Edit: Not user agent string, please. That can be faked. Possible Dupes: http://stackoverflow.com/questions/1005153/auto-detect-mobile-browser-via-user-agent and http://stackoverflow.com/questions/142273/standard-way-to-detect-mobile...

How can you implement a grabbing cursor icon in Chrome?

I know it's possible to use a grabbing cursor icon in Chrome (in gmail, of course), but I can't figure out how to implement it in my code. I have tried (in CSS): body { cursor: grab; } body { cursor: -webkit-grab; } body { cursor: url(http://www.worldtimzone.com/mozilla/testcase/css3cursors_files/grab.gif); } help? ...

Why does the width change when i change text size?

See this page i'm currently working on. http://lacrosselaundry.com/lacrosseLaundry/contact.php If i change the font-size for 6 from 14px to 18px it moves the form to the right. Why is that? I want the form to be all the way over to the right like when the h6 font is 18px, except i want the h6 font to be 14 px. How do I fix this and why...

Aligning a asp:Button to to the right of asp:Wizard's Next Button

Coding Platform: ASP.NET C# Controls Used: asp:Wizard and asp:Button I have a asp:Wizard and when it renders it have Previous and Next Buttons I would like to place a button to the right of Next Button. Now that button is being rendered below asp:Wizard Control. Any method to accomplish it? Update: I am not using StartNavigationTempl...

How close can we get to this Flash effect without using Flash?

Please take a look at the Cheese & Burger website. More accurately, take a look at the slider down the bottom's relationship with the flip panels above. I know I could skin jQuery UI Slider to do the slider relatively easy enough. I'm more concerned on how close you can get to the flip effect without resorting to Flash. I don't want t...

Background color property slide up.

The question is in in transitionBackground function. In this case, the function triggers when the up button is pressed on the page. <html> <head> <title>Case: Background Transitions</title> <script src="jquery/jquery.js"></script> <script> $( var transitionBackground = function (){ if ($(div)...

Blueprint HTML Columns Question

So looking into Blueprint, the default width is 950px and using 24 columns. My question is why change the columns to either lower or higher? We are still in the end getting 950px total. Do people do this for more control over the columns? Thanks. ...

How to mix 100% height with a minimum height

Hi, My problem is simple, the solution though doesn't seem particularly obvious. I have a Flash site. Currently the Flash object takes up the whole browser and is set to width/height = 100%. This is fine until someone shrinks their browser. Is there a way to set something like this this. height = (browser_height < y) ? y : 100%; widt...

The appropriate use of multiple stylesheets on one page

I came across this primer on coding HTML: http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png. Among other things it recommends using one stylesheet per page. I have my CSS styles organized in different stylesheets: Global (for all pages) Forms (for all forms) Customers (for all pages related to customers) ...and so on. If I...

Table header not receiving CSS (I think)

Hi, I have some simple HTML here, <table class="table shipment" id="payItems"> <thead> <tr> <th class="sku">Varekode </th> <th class="productName">Produkt</th> <th>Pris</th> <th>Antall</th> <th style="text-align: right; padding-right: 80px;">Sum</th> </tr> </thead> <tbody> ...content... </tbody> </tabl...

Dropdown css/javascript boxes

Hi, I've found some solutions for custom drawn dropdown boxes to replace the HTML select element, namely the jquery-image-dropdown solution. However, how can I get a box which requires a click to open, and overdraws the selected item at the top, as at: http://www.xero.com/ Sorry if that's a bit confusing, essentially I'm looking for a...