Hi, Google has launched Google font API but, CSS3 standard came with @fontface which enables us to have non web safe fonts on websites. Can anyone suggest pros and cons of both over each other. Which one is preferred and why? ...
I have created a CSS style class: .btn { color:#050; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#fed; border:1px solid; border-color: #696 #363 #363 #696; } How can I apply this CSS style class to all buttons which are present in the page without adding class="btn" to every button? ...
I'm looking for CSS library that hold all common css best practices. For example block centering style: .block-center { margin-left : auto; margin-right : auto; } <div class="myClass block-center" /> I want such library to be distributed as separate css file which I can add and use in my projects. ...
A web page is usually consist of several areas, header, content, sidebar, footer, and can be more detailed, navigation, logo, slider, widgets... I use comments to mark these areas in css file, as many others do. And used to scrolling or by search to locate the area while editing the css, it is slow and inconvenient especially when css f...
I'm currently developing a Safari extension that uses an injected script to further inject some HTML into the current webpage, as well as injecting some other scripts to make it work. This is all working fine, but the issue is that the HTML that is injected gets affected by CSS stylesheets that the webpage has already imported. For examp...
Hello, I have two divs inside a div, I want them both adjacent to each other with a margin of 10px or so separating them but instead they appear one above the other. <div> <div class="post" id="fact"> </div> <div class="post" id="sortbar"> </div> </div> Here is my styling: #fact{width:200px; margin-left:auto;...
Hi, how can i insert a new class into the current css? var myStyle = $("head > style:eq(2)"); if( document.styleSheets[2].cssRules ) { myStyle.insertRule('#test { display:block; }', 0); } else { if ( document.styleSheets[2].rules ) { myStyle.addRule('#test', 'display:block;'); } } dd ...
Hi. Is it possible to change the size of a specific character using CSS? For example, in a paragraph I am using font-face: Arial; font-size: 12pt;. I would like that only the letter "a" would appear in size 10. Is there a way to do that? Thanks. ...
So I have a background image(background:url(my_image.jpg) no-repeat;), and I need a reflection for that picture, you can see here, what I mean: http://www.imgmodels.com/. Is there a way to do that, using a JS script or css hacks...? Best Regards, ...
Hey guys, I'm using GWT for a data-driven web application, and I'm having issues with a CellTable embedded in a TabLayoutPanel. As you can see from the screenshot, the scroll bar for the table does not appear inside the bounds of the TabLayoutPanel. (You can see just a couple pixels of it on the right.) If I mouse over the TabLayoutPanel...
This is probably a variation on something that has been solved dozens of times but CSS really makes me feel like a fool. I am trying to build a widget that can be positioned and sized in a variety of ways. It's a pretty simple layout - fixed-height header, fixed-height footer, and a body that takes up the remaining space. The overall wi...
It seems IE is choosing to ignore my background images :(, its getting all the styles with layout etc but not sure where I have gone wrong This is the [link removed] css example body { background:#eae3e3 url(styles/images/bg.jpg)no-repeat center 0; } ...
Possible Duplicate: How do I do IE conditionals in CSS? How can I apply the rules below to IE only? .abc { float:left; height:0; margin:0 10px; width:0; /*Apply these rules for IE only*/ position:absolute; left:30; top:-10; /*Apply these rules for IE only*/ } ...
Hey all, I've looked through several posts on StackOverflow, but haven't been able to find an answer to this rather simple question. I have an HTML construct like this: <table> <tr> <td class="thatSetsABackground"> <div class="thatSetsABackgroundWithAnIcon"> <dl> <dt>yada </dt> <dd>yad...
I have just completed my website, and it looks good in FF, Safari and Chrome. Opera looks alright, but not as good as FF. IE looks very bad. Is there any application for checking bad CSS and just fix it? If not, what is the easiest way to cross-browser adjust a website? Below is only one of the many problems I have with appearance... ...
I have an image slider that is positioned over a background image but I can't seem to get the image slider to position dead center inside and have the background image not be cut off. Also its got some strange behaviour where the first slide is always further over then the rest!?!? #slider { background:url("../images/bg-slider.gif") no-...
What's a good workaround to this IE bug that would still allow me to set the display style of an HTML element to 'inherit' in IE7 or IE6 using javascript? var el = document.getElementById('someElementID'); if (!el) return false; try { var displayValue = 'inherit'; //the next line throws exception in IE7 and I...
Possible Duplicate: Changing a CSS rule-set from Javascript Dear experts, Is there a way to dynamically generate a CSS stylesheets using Javascript according to what the users fill in on a form (user interface)? If this isn't possible with Javascript, could someone point me to the right direction. Ruby on rails would also be...
i am using CSS3 PIE for adding Css3 Rules to IE .. http://css3pie.com/ its great but i have a little problem now m using a semi transparent image for the background and PIE.htc automatically adds a gray background. "background-color:Transparent;" is not working for me so my question is this how can i use CSS3 PIE with transparent backg...
I'm using jquery tb 3.1 and having issues using it on the iphone and ipad...so i'm assuming mobile safari is the issue. what happens is no matter where the user is on the page if they click a hyperlink that opens the thickbox window, you have to scroll up to see it. it's staying aligned at the top and the greyed out TB window doesn't fi...