--Update-- Upgrade to IE8 seems to be the answer... I installed IE8 on my box, since we are upgrading soon company wide, and the issue went away. Wish I knew what the real issue was... so it goes somedays. --Original Post-- I have a web page with jQuery UI Tabs on it. Some of the content is in an html table. When the page loads som...
Mac Firefox (3.6.3). Font looks sharp in Chrome, Safari, IE8 (not as good as other 2, but less fuzzy than Firefox). Any work arounds? How can I determine which of the source files Firefox is using? Can I force it in the CSS to choose something else? ...
How to add css styles inside <body> or <head>, placed in javascript file like this: <style type="text/css"> .popup-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #eee; } </style> The only way is to write css inside javascript, there is no access to ...
http://www.w3.org/TR/css3-values/#calc I have been working on a library that converts some css3 methods into css2. One tricky part is math.. The proposal of css3's calc() method pretty much blew my mind.. I am able to add/subtract/divide/multiply pixels from ems or any other fixed unit, but I have no clue how you would add 10px to 60%...
I'm using jQuery's addClass to add a class to an tab so when clicked it'll change the class so it's obvious the tab is highlighted. My HTML <div id="mainNav"> <ul> <li id="LinktheBand" onclick="nav('theBand')">The Band</li> <li id="linkTheMusic" onclick="nav('theMusic')">The Music</li> My C...
I understand this question is redundant but I was unable to locate an answer from my searches on here and other online forums. Here is my situation. http://www.ci.fayetteville.nc.us/CityCommon/port/contact.html On that page I have a 'separator' line that is to extend to the bottom of the page. Now, I have thrown in plenty of break ta...
I was going to "nest" the CSS ids like this #content #caption { color: teal } ... #footer #caption { margin: 2em 1em } because that's the way SASS (a CSS generator) can do nesting for... but then in one HTML document, we cannot have two ids with the same name, isn't that true, so the above nesting won't work or won't work well. (e...
Here is my CSS button { border: 0 none; cursor: pointer; padding: 0 15px 0 0; text-align: center; height: 30px; line-height: 30px; width: auto; } button a { color:white; text-decoration:none; } button.rounded { background: transparent url(/images/button/btn_right.png) no-repeat scroll right to...
Hi, I am all in favor of CSS based layouts, but this one I just can't figure out. With a table it is oh-so-easy: <html> <head><title>Three Column</title></head> <body> <p>Test</p> <table style="width: 100%; border: 1px solid black; min-height: 300px;"> <tr> <td style="border: 1px solid green;" colspan="3">Header</td> </tr> <tr> <td...
I need to change all the CSS into SASS... and find that margin:10px working in CSS and failing in SASS somewhat disturbing... It is easy to miss one and you don't what you are missing (what is not working in the final CSS but you don't know) Pretty much I am grep for /:\S/ (colon by followed by a non-whitespace) to see if there are ...
Can I dynamically ensure that the content always remains centered in the window pane on this website? Right now it uses a static margin-left on the .items class, and it uses jquery tools. http://andstones.ca/newsite/ Can I do it in just CSS or CSS and Javascript? Thanks, Kory ...
Hi all, I know this question gets asked a lot because I have looked at many "solutions" trying to get this to work for me. I can get it to work if I hack up the html but I want to use all CSS. All I want is a header with two columns below it, and I want these three items to fill the entire page/screen, and I want to do it with CSS and ...
I can't believe I'm having to ask this, but I'm at my wit's end. I'm trying to display 2 form fields inline, but with the label for each field on the top. In ascii art: Label 1 Label 2 --------- --------- | | | | --------- --------- Should be pretty simple. <label for=foo>Label 1</label> <input type=text ...
Are there specific Conditional Comments available for older versions of Firefox? (eg 3.0) ...
I need to have two level tab navigation. Basically like this: Tab1 Tab2 Tab3 TabA TabB TabC When user clicks for example Tab2 he then can choose again from 2nd level tabs (TabA, TabB etc). I can make the first level ok but I can't make the 2nd level. How can i put it in the first level tabs. ...
hi everyone, does anyone know how to create a code so that after a user logs onto a site for say like 10 seconds, a screen drop down. on the screen (new page layer) is a youtube embedded video. ...
I am having difficulty getting my page to show up correctly at various browser zoom settings. http://andstones.ca/newsite The content is aligned if the user is zoomed out on the page, but once they zoom too far out and refresh the page, or if they are too zoomed in and the page loads, then the content pane is shifted. This does not ...
I want to know easiest way to create drop down list with html and css only. ...
Hello. I have the following jQuery script that makes an orange transparent hover effect cover the image when it's rolled over. How do I make it so this script will animate in and out (with a fade?) $(document).ready(function() { $('#gallery a').bind('mouseover', function(){ $(this).parent('li').css({position:'relative'});...
I'm noticing this issue. I made a quick screen capture to demonstrate: http://dl.dropbox.com/u/904456/2010-06-14_2323.swf Basically when you have a min-width set and the viewport goes under that constraint, a horizontal scroll bar appears. Pretty much what you would expect, but when you scroll over horizontally all elements that are sup...