Search Results

Search found 15866 results on 635 pages for 'css practice'.

Page 263/635 | < Previous Page | 259 260 261 262 263 264 265 266 267 268 269 270  | Next Page >

  • select tag sits one pixel lower in Firefox than it does in Chrome

    - by sepoto
    #allday { width: 180px; height: 20px; margin-top: 2px !important; margin-right: 0px; padding: 0px; -webkit-appearance: menulist; box-sizing: border-box; -webkit-box-align: center; border: 1px solid; border-image: initial; white-space: pre; -webkit-rtl-ordering: logical; color: black; background-color: white; cursor: default; } I inspected the element in both browsers but I'm not really seeing where the discrepancy is. Has anyone been through this before with the select tag?

    Read the article

  • Page layout breaks only in Opera which is weird?

    - by Qwibble
    Okay so I'm working on an admin panel, in which everything should always be only within the view port until you hit the minimum widths and heights set. The current version of it can be seen here (its still in development) : http://qwibbledesigns.co.uk/preview/Admin/ In layout terms, it works flawlessly in all browsers, even down to ie6 =D. However, opera doesn't like it, and for some reason, always add's extra space to the bottom of the page, making it have an extra scrollbar, and I can't fathom it out which is highly annoying. Jquery is used to set the height of the container, sidebar, and content area so that they're always within the browser view port, and these functions rerun when the window is resized. I therefore cannot work out the the life of me what's wrong with opera. Would anyone mind taking a look and seeing if they can work it out? =D

    Read the article

  • Ignore document style rules in one element.

    - by panzi
    I write a greasemonkey script that adds sticky notes to websites. Because there sometimes are pretty strange style rules used in some websites the sticky notes sometimes turn up messed up (or at least not looking like I want them to look). Is there a way to say "under this element do not apply any generic stylerules"? So that rules associated with tag names are not applied, but rules associated with certain classes and ids still are. Or does anyone have a better idea on how to ensure that only my styles are applied to the sticky notes?

    Read the article

  • HTML5 Drag and Drop styles not displaying on Windows Server 2003

    - by NoR
    I'm working on a file upload utility based on Valum's Ajax-Uploader. The idea is similar to the Gmail attachment process. The user should be able to drag a file from the desktop into the browser window and onto the file upload area to get it to upload. This works fine in the browsers that support this functionality (Firefox 3.6+, Chrome 7+). The problem I'm running into are the styles that should be re-drawn when the user: Drags the file anywhere in the browser Drags the file into the upload area I have tested in the exact same browser versions on WinXP, Vista, and Win7. The appropriate styles are redrawn. However, in Windows Server 2003, they do not. In Win2003, when I inspect the div that should be redrawn via Firebug, the "drop-area" and "drop-area-active" classes are applied correctly. Firebug even shows the correct style declarations, but the changes are never visible. The only difference between FF and Chrome that I'm able to spot is that in Chrome, the "drop-area-active" style is displayed for a split second when the user drops the file. I'm not positive that it is a Windows2003 issue, but that's the only OS in which I'm able to recreate the bug.

    Read the article

  • Play/pause HTML 5 video using JQuery

    - by Barny83
    I am trying to control HTML5 videos using JQuery. I have two clips in a tabbed interface, there are six tabs in total, the others just have images. I am trying to make the video clips play when their tab is clicked and then stop when any of the others are clicked. This must be a simple thing to do but I cant seem to get it to work, the code I am using to play the video is: $('#playMovie1').click(function(){ $('#movie1').play(); }); I have read that the video element needs to be exposed in a function to be able to control it but can't find an example. I am able to make it work using JS: document.getElementById('movie1').play(); Any advice would be great. Thanks

    Read the article

  • Children going out of parent element

    - by Thomas
    http://jsfiddle.net/zP49Z/ As you can see, the children [update] are going out of the parent element [feeds]. How can I fix this? #updates { background: #B8C1C2; box-shadow: inset 0 0 5px; height: 100%; float: right; position: fixed; top: 0; right: 0; z-index: 100; overflow: auto; } #feeds { width: auto; height: 300px; } .update { border-bottom: 1px solid #929493; width: auto; height: auto; padding-bottom: 20px; margin-top: 10px; } Thanks!

    Read the article

  • Drupal: Javascript + SWFObject: could you help me to understand why the video is not displaying in I

    - by Patrick
    hi, I cannot solve this issue with the video at this link: http://www.sanstitre.ch/drupal/portfolio?tid[0]=66 It displays correctly in all browsers but not in IE8 or IE7. The IE8 debugger doesn't give me any error message. If I'm not wrong the video object is not added in IE. So, for some reason the Drupal module, jQuery Media and the library SWFObject are not adding it in IE browsers... any tip ? thanks

    Read the article

  • jquery .load() function only gets called once

    - by user1288099
    the html <div class="stackwrapper" id="user1"></div> <div class="stackwrapper" id="user2"></div> <div class="userdrawings"></div> the javascript $('.stackwrapper').click(function(e){ var id=$(this).attr('id'); $('.userdrawings').load('loadSession.php?user='+id).fadeIn("slow"); }); Somehow it only works at once, only at the first click on stackwrapper, when I click on the second one, the function is not triggered again.

    Read the article

  • How can I capitalize the first letter of an input ?

    - by Safirio
    I'm currently trying to capitalize the very first letter from an input. Here's what I tryed : fieldset input { text-transform:capitalize; } But it doesn't work the way I want, as every word is capitalized. I also tryed this : fieldset input:first-letter { text-transform:uppercase; } But it seems <input /> doesn't work at all with first-letter... Anyway, do you have any idea of how to achieve this without javascript (or as little as possible) ?

    Read the article

  • Formating issue in IE6

    - by user354534
    i All, I have deployed my site on internet and I am facing some formating issues, it's working fine in IE8, Firefox and Chrome but not in IE6. I have used asp.net 3.5, please let me know where I have done mistakes. http://www.anujtripathi.net/AboutMe.aspx and the same in image gallery menu, as I don't have 10 reputation point I can't paste another URL here. Thanks

    Read the article

  • Substitution for display='table-cell' in IE 7

    - by Jeny
    Hi friends, document.getElementById(id).style.display ='table-cell'. This gives error message in IE, this is IE bug or any other solutions please give any other solutions. IE7 doesn't support this property. this is my coding. Even Firefox and Chrome are accepted. My problem is IE. Please friends give solution... var cont2 = document.createElement('div'); cont2.style.display = "table-cell"; cont2.style.verticalAlign = "middle"; cont2.style.lineHeight = 100+"%"; cont2.style.padding = 10+"px"; cont2.appendChild(body);

    Read the article

  • How to Embed thumbnails in images

    - by user198222
    I have a bunch of 200X120 thumbnails and a bunch of high quality images, Apparently when I just resize the thumbnails with img size the quality suffers, so we are loading two images from the server the image thumbnail and the actual, I am just trying to optimize my site for speed a little saw someone mention embedding thumbs in the image, does anyone know a program that does that? Is this the best way to achieve my goal of high quality thumbnails?

    Read the article

  • Right column content overflowing over my footer

    - by Sixfoot Studio
    Hi All, I know this has got something to do with a float, but I cannot seem to figure out where I am going wrong with this. Please check this page for me, the content in the right column is flowing over my footer. http://sun-eng.sixfoot.co.za/index.php?option=com_weblinks&view=categories&Itemid=48 Thanks! James

    Read the article

  • 3 divs as background

    - by woody993
    I've been working on this for a couple of hours and can't seem to wrap my head around it. I have three images, below, and I would like the text content to sit on top of these, but how do I do it? The middle image is the image that would need to repeat as the container div expands. Top: Middle repeating: Bottom:

    Read the article

  • Issue creating side-by-side slideshows with jQuery

    - by JShweky
    I'm trying to create a site with 2 slideshows. I've tweaked and re-tweaked the JS and Jquery numerous times. Sometimes one slideshow works perfectly and the other cycles between one picture, other times both work but are out of sync, or the fadeIn doesn't seem to be applied to the second slideshow, or in some variations one slideshow stays frozen on the initial image and just remains static. Anyway, I created a JS Fiddle (link at bottom) and apparently my code is at least free of typos. JS is below, the rest is on the JS Fiddle. Any help would be greatly appreciated. $(document).ready(function () { $(".slider #1").fadeIn(1000); $(".slider #1").delay(2000).fadeOut(1000); var sc = $(".slider img").size(); var count = 2; setInterval(function () { $(".slider #" + count).fadeIn(1000); $(".slider #" + count).delay(2000).fadeOut(1000); if (count === sc) { count = 1; } else { count++; } }, 3500); $(".sliderTwo #7").fadeIn(1000); $(".sliderTwo #7").delay(2000).fadeOut(1000); var sc2 = 12; var count2 = 7; setInterval(function () { $(".sliderTwo #" + count2).fadeIn(1000); $(".sliderTwo #" + count2).delay(2000).fadeOut(1000); if (count2 === sc2) { count2 = 7; } else { count2++; } }, 3500); }); http://jsfiddle.net/gg4PL/

    Read the article

  • Large Data Table with first column fixed

    - by bhavya_w
    I have structure as shown in the fiddle http://jsfiddle.net/5LN7U/. <section class="container"> <section class="field"> <ul> <li> Question 1 </li> <li> question 2 </li> <li> question 3 </li> <li> question 4 </li> <li> question 5 </li> <li> question 6 </li> <li> question 7 </li> </ul> </section> <section class="datawrap"> <section class="datawrapinner"> <ul> <li><b>Answer 1 :</b></li> <li><b>Answer 2 :</b></li> <li><b>Answer 3 :</b></li> <li><b>Answer 4 :</b></li> <li><b>Answer 5 :</b></li> <li><b>Answer 6 :</b></li> <li><b>Answer 7 :</b></li> </ul> </section> </section> </section> Basically its a table structure made using divs. The first column contains a long list of questions and the second column contains answers/multiple answers which can be quite big ( there has to be horizontal scrolling in the second column.) The problem i am facing is when i scroll downwards the second column which has the horizontal scroll bar is also scrolling downward. I want horizontal scrollbar to be fixed there. as in it should be always fixed there no matter how much i scroll vertically. Much Like Google Spreadsheets: where the first column stays fixed and there's horizontal scrolling on rest of the columns with over vertical scrolling for whole of the data. I cannot used position fixed in the second column. P.S : please no lectures on using div's for making a table structure. I have my own reasons. and its kinda urgent. Thanks in advance.

    Read the article

  • Layout of popup components changes while moving

    - by Le_Coeur
    I have designed some popup moving menu with JQuery, it looks perfekt in webkit browsers, but i have one problem in mozilla, when i move my popup window, layout of some components in this window changes! For example button add changes from: to: or to: , and it's absolutly random. What can it be? This image is in span: <span class="sw_link_add"></span> .sw_link_add { background:url("/img/confirm_new.png") no-repeat scroll right center transparent; cursor:pointer; padding-right:30px; padding-top:2px; }

    Read the article

< Previous Page | 259 260 261 262 263 264 265 266 267 268 269 270  | Next Page >