is there any way to create a custom css value for a component and have it available to the skin class that component is using? for example, if i define this in a css file: s|Panel{ skinClass: ClassReference("PanelSkin"); myCustomValue: #CCCCFF; } is there a way to make myCustomValue available in the PanelSkin ? ...
How do I increase the native FORM submit button size for OSX-Safari? I want to keep the native look of a FORM submit button for it's respective operating system while also enlarging the size of the submit button. (Meaning, no use of images, custom borders etc..) Using the following CSS: input.submitbutton {font-size:150%;} On Window...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <style type="text/css" media="screen"> div.menu {position: relative; width: 600px; overflow: hidden;} ul.menu {display: block...
Can we style an abbr tittle ? so that instead of a tooltip we can use abbr ...
theme looks ok on the "problematic" monitors ... any advise? ...
My web-app framework renders form errors for each field in an unordered list <UL> immediately following the invalid field. My problem is that I haven't been able to style things so that the error(s) are listed on the same line with the form field. A line break is instead rendered before the <UL>. This is the html that I'm trying to styl...
I have an h2 within a div. Both of them have borders. The h2 has a height attribute and a margin. When I view my page in IE6, IE7, or IE8 compatibility view, the h2 is all the way at the top of the div as if the margin is 0. However, if I view it in any other browser, the h2 has some space above it like I would expect. Can anyone tell m...
When using margin on the child element (h2) why does it give margin to the parent(#box) instead? If I change margin to padding it works as expected. Did something change or am I missing something? here is my sample code <html> <head> <style> #box{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; height:200px; wi...
Without going in to detail on what these methods do, can anyone tell me why I get these weird results? getCurrentIframe().findInIframe("h2").css("paddingLeft") // gives me "20px" how ever if I do .get(0) or [0] to get the dom-element and then rewrap it in a $ I get: $( getCurrentIframe().findInIframe("h2")[0]).css("paddingLeft") //it...
Hey All, The subject pretty much sums up the issue. In IE6, we are using jQuery UI dialog to display an overlay with a form for the user to fill out; however, the background does not display (completely transparent) and the title bar does not display. Any ideas on a CSS workaround for this? We have the jQuery UI CSS included in the p...
I'm developing a website for someone but they want (insist) that the title be in a non-standard font. (The customer is always right.) I have the TrueType (.ttf) font but how do I bundle this with the website so that it uses it? I tried putting it in the Images folder and tried to access it with the style sheet: font-family:URL(Images/...
I currently have a site that uses a two-tone background image that is centered on the page. On top of the background I have a div that is cenetered as well, so that the background on the left and right sides of my content are different. However on a few pages where the content is shorter than the screen length, it leaves an ugly stripe...
Here is a demo page: http://bridgetandmisha.com/resize%5Fsizes.html# Why am i unable to resize one of the tables to be 400px using this code: $("#countProductSummaryDetailTable").width(400) Can someone tell me what html markup is preventing this? Also, i am able to resize another table on the page to 400px (but that is not what i n...
Hi, My code was validating perfectly and looked great, until I added a vertical text scroller script to the left most floating div in a 3 column css layout. Adding the script causes content below the script to repeat - both text and backgrounds - in several modern browsers (IE 6.0 - 7.0 - 8.0, Opera 8 - 9- 10). Safari and Firefox are OK...
I'm having a bit of trouble with kwicks: http://ftp.crashboxcreative.com/ftp/EastsideBaptist/EBC-Final/ (I've changed the jQuery to show the drop-down with issue.) kwick_3 is the one with issue. There's a gap b/t kwick 2 and 3. Thanks! ...
i have some javascript in the head of a page that controls an image gallery where the user clicks a thumbnail image and a larger image and some text are revealed in a span. there are 10 of these thumbnails per page and i need to find out how to set the 1st thumbnail's hidden span to "block" on page load. <script type="text/javascript"...
I have many DIV with the same class name, let save "wmplayer". I want to make sure that when these DIV get close to bottom of browser, let say 100px above the bottom, they will have display:none. How do I do that with jQuery? Thanks ...
How to apply a style to an iframe whose parent tag's id is known?? Example: <div id="xyz"> <iframe ....> </iframe> </div> Is it #xyz.iframe { } I'm new to CSS....can any one help on this?? ...
How to apply a style to an iframe whose parent tag's id is known?? Example: <div id="xyz"> <iframe ....> </iframe> </div> I want to apply style to iframe as height: 70px. I just got to know how to do this using CSS. How can I do that using javascript. Any help very much appreciated! ...
The background-position property can be set in a variety of ways such as "top right" or "16px 16px" or "50% 75%" etc. Question: is there a way to position a background image then offset that position? For example: set the background-position to "top right" then shift it left 16px and down 16px using "-16px 16px"? ...