There's a ton of blank space at the bottom of my page - http://shop.promaholics.com/? (It loads slow on the dev server, sorry). I've been through the CSS lots looking for min-height type attributes but can't find any that would be causing this. Perhaps I've gone blind. Any ideas what I can do to reduce that blank space at the bottom? ...
Say I have a html object tree as follows: <div> <p>Text 1</p> <p>Text 2</p> <div></div> </div> I want the css to flood the inner div inside of the outer one. However I want the text etc to appear intact. My idea is I can set a bg color and opacity to the inner div and not affect the text. How do I do this? EDIT: just to e...
Hi guys I have this code in my css file from the @fontsquirrel generator /// changed the code to how it is now /// @font-face { font-family: 'AdLibRegular'; src: url('../fonts/adlib-webfont.eot'); src: local('☺'), url('../fonts/adlib-webfont.woff') format('woff'), url('../fonts/adlib-webfont.ttf') format('truetype'), ...
I've decided to crate a sprite sheet for my entire site (+-30 images) so I can load 1 image and just reference positions, which reduces image load time and server calls. My question: Is it possible to reference an image in the sprite sheet and then size that image to 100% of its parent container? So For example: #SomeDiv { backgro...
I'm trying to create a dialog window using the following CSS: #blackOverlay { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; ...
Hi guys, I'm trying to align a box on this page but having trouble trying to do it. I've put it together in a stye sheet. I would like the three boxes at the bottom of the page to be centered with the image in the style sheet. Any help would be greatly appreciated, and thank you in advance. Here is the page: http://www.sevenbarfounda...
Can someone break down for me the pieces that compose the Holy Grail Layout with switched div positioning as seen here? http://matthewjamestaylor.com/blog/perfect-3-column.htm The way I understand is that: colmask is just a wrapper to position the content between header and footer colmid is another wrapper that i guess accomodates som...
I know I can make my button's image bigger when it is focused using a css like: button image { width:64px; height:64px; } button:focus, button:focus image { width:128px; height:128px; } But, is there a way to make the image grow gradually (like an animation effect)? ...
Hello, Open up this site in IE8: http://www.bavarianblue.com See the white background? Any ideas what is causing that? I tried assigning a clear gif to it, and nothing changed. Works great in Chrome and FF Help please : ) ...
When there are multiple of the following element they are shown right on top of each other, as if the z-index is different on each element. I'd like for them to stack up against the right side of the screen, going up the side of the screen and then as they "fade away" via my javascript for them to slide down to the right corner... I hop...
Assume you have a customer-facing application hosted on a Web server. You have no control or knowledge of the customer's client. You also want an appealing design but you don't want to overwhelm the user with heavy graphics and/or obtrusive JavaScript. You've got a nice CSS layout with rounded corners but the default gray buttons stan...
This is a continuation of this question. I have an ASP.NET app that has some sections displaying differently when viewed in IE8 in DEBUG vs displaying off the published TEST server location. When I view the page in Debug (through VS 2010), I see this: However, when I publish to the server and view it directly, it looks like this: ...
I need to know why the following code: <!doctype html> <html> <head> <title></title> <style type="text/css"> * { margin:0px; padding:0px; } #right { float:right; } #content {...
I'm trying to get a simple HTML/CSS page to work as an eBay template, however it fails to render properly in IE. Thanks to eBay's HTML choices, the listing will always render in quirks mode (no doctype reference in the listing's iframe). The problem only arises when a browser window is narrower than the listing asks for (~1000px). I've t...
Hey all, quick question regarding CSS. On my website, I'd like it if the navbar was centered, and pinned to the bottom of the header (the bottom of the gradient). I cannot figure out how to do this. The site doesn't support IE... Yet. ...
Hi, I would like to have paragraph text right under the headline. I set margin and padding to 0 for both, but there is still small gap between them. Why? Thanks. ...
Maybe I'm just a Firebug newbie, or maybe there is some other better tool? But I'm trying to easily find which of several linked css files, defines a specific element's style. For instance in a production environment I can pinpoint that a style named left-tab is being applied to a specific element, and it renders properly. In the deve...
I am upgrading part of a very old website. One of the pages that I own uses controls and dlls that I do not. There is one dll that puts a textbox (input field) on the page. This field is concepually a label but the person chose to use a textbox. Anyways, I can't change the dll. Is there a way in my asp.net page that uses the dll to say ...
can I change the first letter of the second sentence to lowercase using the XSL template? Or is there a way to change the first letter of the second sentence to lower case in HTML (first-letter pseudo code DOES NOT work since it can only be the subject of the selector). i.e: In XLM: "Name", "*R*eturns the something of the something." ...
Hi I have a 1px png file,which I am trying to set as a background image for two divs which are adjacent to each other horizontally.The html and css are as under:- <div id='one'>hi</div> <div id='two'>hello</div> The css is like this div { width: 50%; height: 50% } #one, #two { background-image: url(/images/image.png); ...