I have a gradient background image in my web application, it goes from dark at the top to light at the bottom. In Firefox, this image is handled properly, where upon scrolling vertically downwards on the page, the dark top section disappears. However, when I started testing in IE (I'm using IE8) the background image stays fixed behind t...
I need to duplicate the functionality of the "Get Social" icon on the http://www.babyphat.com website. The icon is located at the top right of the web page. When you mouseover the "Get Social" icon, an image grouping containing Facebook, Twitter, You Tube, and Flickr icons slide out from right to left and are clickable. When you mouse...
Hi, i have this lines: use_javascript('/sfJqueryReloadedPlugin/js/plugins/jquery-ui-1.7.2.custom.min.js') use_stylesheet('/sfJqueryReloadedPlugin/css/ui-lightness/jquery-ui-1.7.2.custom.css') Here it is the path: /opt/lampp/htdocs/rs2/web/sfJqueryReloadedPlugin/css/ui-lightness/jquery-ui-1.7.2.custom.css The first .js...
Good day, I've got a simple CSS question. I'm trying to change a table into a CSS box, but aligning the table content is difficult to me right now. Below there's an example of what's inside of the css box i created. How can I align these three elements (calendar and icon to the left , a text link to the center, and the other date fie...
Hi, I have two rows of links like: Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 LInk 8 I need the top four links to align with the top bottom links regardless of how many characters are in the link. For example, This is link 1 This is link 2 Link 3 L4 LInk 1 Link 2 that is l...
I think the title says it all, how to align one word left and another word right within the same div? ...
hi, in ie7 if you put a floated element inside a floated element to the same side the inside element just pushed far away outside the container element to the direction of the float. consider this code <div style="float: right"> <div style="float: right"> some text </div></div> any solution for this bug?? ...
Basically, the left column is supposed to extend to the footer with the continuous red color. However, in Firefox on pages with lots of text, the column does not extend to the footer and leaves a large white gap--see site: http://library.luhs.org/JHSII/about.html I've tried readjusting the heights, creating the sticky footer, and other...
I am trying to hide a "required" message when the page is first shown. On FF and IE8 this works, but for some reason the message shows on IE7. Here is the HTML: <div id="passwordDivRequired" class="requiredMsg"> <img src="images/required.png" /> Required </div> And h...
Is it bad in terms of compatibility to use pixel numbers in CSS instead of percentages? How about lower resolutions? Is it okay to work with them in ranges of 1-100? ...
I have a fieldset- let's call it "foo"- in a form that is conditionally displayed based on whether a checkbox is checked or not. If the checkbox is clicked, then a javascript function is called which sets the display property of "foo" to "block" or "none". In IE8 and FF a displayed "foo" correctly causes the fieldset below it to move do...
I'm trying to create a "cancel" link that looks like an x with a solid red circle behind it. Here is the CSS: .circle { display:inline; padding-left:4px; padding-right:4px; background:rgb(196,15,24); -moz-border-radius:10px; -webkit-border-radius:10px; } .circle a { font-size:10px; text-decoration:none; color:#fff; }...
Hi all. Please be gentle, I'm still learning. I imagine that the solution to my problem is simple and that perhaps I have just been in front of the computer too long. I am trying to detect the size of the viewport, and then use a different sized image for a background on an element depending on the size of the viewport. Here is what I ...
when i m writing a long sentence in label without line break then it does wrap automatically. i m putting that label in tag. how can i wrap that long sentence. ...
I trying to produce a DockLayoutPanel which looks like the example in the Developer's Guide (http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html) DockLayoutPanel p = new DockLayoutPanel(Unit.EM); p.addNorth(new HTML("header"), 2); p.addSouth(new HTML("footer"), 2); p.addWest(new HTML("navigation"), 10); p.add(new HTML("so...
Is there anyway to reinforce pseudo css rules? ie: I have a listing of divs (playlist) which I color with the following rules: #playlist .playlist_item { background: #d6d6d6; } #playlist .playlist_item:nth-child(odd) { background: #b3b3b3; } Now, when a song is playing, I use setInterval and JQuery's .animate function to pulse...
Hello all I would like to know your opinions on how to handle this. I need to create a link or advertisement that offers a phone app to be downloaded. I need that users who are viewing the page with their blackberry receive the download when they click the button but everyone else who would be viewing the page would get a form which a...
I just tried the IE9 "Second Internet Explorer Platform Preview" - which supports CSS opacity now. That's nice, but I tried it with one of my website prototypes, and it's quite slow when scrolling etc. Admittedly, the prototype uses hundreds of images with opacity != 1, but everything is snappy with current versions of Firefox, Safari, ...
Hi there, I would like to know some opinions from experienced developers on what they think the definitive way to size fonts (in a base sense). I know that working with ems is considered best but im referring to the best way to set the base font size. There is the technique of setting font to 10px using 62.5 method but i think ie has a...
How do I customize the scrollbar (eg. make it black and thinner) for the Page Action popup for a Google Chrome extension? For reference, here is what a Page Action is: http://code.google.com/chrome/extensions/pageAction.html ...