Search Results

Search found 16166 results on 647 pages for 'css layout'.

facebook twitter digg google delicious technorati stumbleupon myspace wordpress linkedin gmail igoogle windows live tumblr viadeo yahoo buzz yahoo mail yahoo bookmarks favorites email print

Page 252/647 | < Previous Page | 248 249 250 251 252 253 254 255 256 257 258 259  | Next Page >

  • Opera Browser: prevent mousewheel scrolling?

    - by frankB
    I just build a website that works good on any browser even ipad but in Oper ai noticed a weird thing: the website is built with a div layer on top zindez:999, body is overflow:hidden, and you cant scroll, but underneath the div there is a long text that goes way underneath the viewport... the strage thing is that even if any browser i wasable to keep this effect in Oepra if I use the mousewheel you can kepp scrolling...! ...argh.. do you any hack/solution for this?

    Read the article

  • How can you make the copyright text in a Google Map wrap when the map is small?

    - by Paul D. Waite
    When you embed a Google Map on a web page, copyright text is included on the map. This is the HTML: <div style="border-top: 10px solid rgb(204, 0, 0); -moz-user-select: none; z-index: 0; position: absolute; right: 3px; bottom: 2px; color: black; font-family: Arial,sans-serif; font-size: 11px; white-space: normal; text-align: right; margin-left: 70px; width: 210px;" dir="ltr"> <span></span> <span>Map data &copy;2010 LeadDog Consulting, Europa Technologies - </span> <a href="http://www.google.com/intl/en_ALL/help/terms_maps.html" target="_blank" class="gmnoprint terms-of-use-link" style="color: rgb(119, 119, 204);">Terms of Use</a> <span></span> </div> If you embed a map with a small width, the copyright text extends outside of the <div>, instead of wrapping within it. I’ve tried using jQuery to select this HTML based on its contents (using :contains()), but it doesn’t seem to work in IE 8 (which is odd, as it works fine in IE 7). Any idea what’s up with IE 8? Any other methods to achieve the same result?

    Read the article

  • Prevent TEXTAREAs scroll by themselves on IE8

    - by Justin Grant
    IE8 has a known bug (per connect.microsoft.com) where typing or pasting text into a TEXTAREA element will cause the textarea to scroll by itself. This is hugely annoying and shows up in many community sites, including Wikipedia. The repro is this: open the HTML below with IE8 (or use any long page on wikipedia which will exhibit the same problem until they fix it) size the browser full-screen paste a few pages of text into the TEXTAREA move the scrollbar to the middle position now type one character into the textarea Expected: nothing happens Actual: scrossing happens on its own, and the insertion point ends up near the bottom of the textarea! Below is repro HTML (can also see this live on the web here: http://en.wikipedia.org/w/index.php?title=Text_box&action=edit) <!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" > <body> <div style="width: 80%"> <textarea rows="20" cols="80" style="width:100%;" ></textarea> </div> </body> </html>

    Read the article

  • How-to display a .gif as background image?

    - by Vito De Tullio
    Hi! I have a javascript "loading" function like this: function splashScreen() { var div = document.createElement('div'); div.appendChild(document.createTextNode("some text")); div.setAttribute("style", "position: fixed; " + "width: 100%; height: 100%; " + "left: 0; top: 0; " + "z-index: 1000; " + "background: #fff url('img/loading.gif') no-repeat center; " + "font-size: x-large; " + "text-align: center; " + "line-height: 3em; " + "opacity: 0.75; " + "filter: alpha(opacity=75); "); document.getElementsByTagName('body')[0].appendChild(div); return true; } I use this function in the form action (onsubmit="return splashScreen()") to show a "rotating logo" while the next page load... The problem is in that "img/loading.gif" and safari (on winXP): in ff and ie I have no problems, and I clearly see the animated gif. In safari I can't see it. If I change the image with a (obviously static) png the image appears... Am I doing something wrong? What's the problem with safari?

    Read the article

  • Increased kerning on website text

    - by Bradley Herman
    We're developing a site for a client right now and my boss (designer only) is once again making me increase letter-spacing on the text so that it looks 'prettier'. I am of the firm belief that this often causes eye-strain and hinders readability in body copy, but being the boss, she is of course always 'right' until I can provide her with examples showing why she's wrong (generally pretty easy). In this case, however, I can't find any articles talking about eye-strain and kerning, so I figured I'd ask what you guys think about the issue of increased letter-spacing in web text. Take a look at http://sparktoignite.com/allograft/process.php and tell me how you feel about the body copy. We're using font-embedding, so you'll only see the proper font in FF, Safari, and Chrome. Let me know what you guys think about the readability and eye-strain caused by the font. My boss currently thinks it's 100% perfect (she wanted the kerning increased further, but I talked her down luckily).

    Read the article

  • How to make speed of scrolling more slower in this jQuery scrolling script?

    - by Jitendra Vyas
    Currently in example speed and step both are are 1. but i need much slower speed of scrolling. How to get full control over speed. I want the clouds to move much slower Example http://jsfiddle.net/cHZG6/1/ Code (function($) { $.fn.scrollingBackground = function(options) { // settings and defaults. var settings = options || {}; var speed = settings.speed || 1; var step = settings.step || 1; var direction = settings.direction || 'rtl'; var animStep; // build up a string to pass to animate: if (direction === 'rtl') { animStep = "-=" + step + "px"; } else if (direction === 'ltr') { animStep = '+=' + step + "px"; } var element = this; // perform the animation forever: var animate = function() { element.animate({ backgroundPosition: animStep + " 0px" }, speed, animate); }; animate(); }; })(jQuery); $("#header").scrollingBackground({ speed: 1, step: 1, direction: 'ltr' }); $("#header-2").scrollingBackground({ speed: 1, step: 1, direction: 'rtl' });

    Read the article

  • HTML: How to get a child element to show behidn (lower z-index) than its parent

    - by dclowd9901
    I need for a certain dynamic element to always appear on top of another element, no matter what order in the DOM tree they are. Is this possible? I've tried z-index (with position: relative), and it doesn't seem to work. I hate to be vague, but this is the simplest way I can think of asking this question without explaining its purpose ad nauseum. So, to recap, I need <div class="a"> <div class="b"></div> </div> <div class="b"> <div class="a"></div> </div> To display exactly the same when rendered. And for flexibility purposes (I'm planning on distributing a plugin that needs this functionality), I'd really like to not have to resort to absolute or fixed positioning.

    Read the article

  • GWT AbstractColumnDefinition (Need to add style to certain Columns)

    - by Mario
    I have a column Definition for each colume that extends AbstractColumnDefinition these columns are put in a DefaultTableDefinition. example: NAME | SIZE | RES | DELETE | this style (AT THE END OF THE PAGE ) is added to the column names if you notice all of them are with a cursor pointer , meaning a hand shows up when i hover above each one. my question is would I be able to remove the coursor for delete or in general for a certain column and keeping it for another one .. i tried to do that with each column Definition but there is no such thing as remove or addstyle even to like put my own style. THANK YOU .gwt-ScrollTable .headerTable td { border-bottom:1px solid black; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; cursor:pointer; vertical-align:bottom; }

    Read the article

  • Site hosted with Blogger has some display problems in IE

    - by dafactopedia
    Hello guys..My site url is : Da Factopedia It opens up perfectly in all browsers Firefox, Opera, Safari, Chrome. Even in IE 8 the Home page is perfectly displayed . But if you click on any post page like this one : http://www.dafactopedia.com/2010/03/7-surprising-facts-about-sleep.html the right sidebar starts acting up. It starts floating within the main post area and I have no clue why this happens. Here is the template xml code in a txt file : http://www.opendrive.com/files/6244724_nPpSE_bf53/template.txt in xml format : http://www.opendrive.com/files/6244723_40eAI_3e95/template-6257961483006208180(4).xml

    Read the article

  • two level tabs jquery

    - by telller
    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.

    Read the article

  • Forcing IE8 Standards Mode with FEATURE_BROWSER_EMULATION

    - by earls
    I'm doing this: http://blogs.msdn.com/b/ie/archive/2009/03/10/more-ie8-extensibility-improvements.aspx But it's not working. I have "iexplore.exe" set to 8888 (decimal mode) under MACHINE, but it's still coming up documentMode = 5. I thought 8888 was suppose to force IE8 Standards Mode whether you have a doctype or not. What is going on?

    Read the article

  • How do I make these layers not overlap?

    - by Doug
    http://dougymak.com/jquery/test.html# I have three problems that I need help with. 1 ) When you click "More" on top right, it open a div #search and the background is being overlapped by the brown element below. I tried using z-index, but it didn't work. 2 ) I'm trying to make the div #search align directly beneath the "More", but upon setting the width of #search, it aligns to the left side. 3 ) When I hover over the navigation on the left, the popup is being overlapped by the text in the middle. I want the popup to be on top of the text.

    Read the article

  • Jquery Check if Paragraph is empty

    - by Gidiyo
    Hi, I would like to check if my paragraph tag is empty using Jquery. Meaning without content. $(function() { $("#popupdialog").dialog(); }); HTML <div id="popupdialog"> <p></p> </div> Separate Instants. <div id="popupdialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> If the popupdialog is without content. I would like the dialog box to set as autoOpen: false. How should I do it?

    Read the article

  • CSS3 box-shadow + inset + RGBA

    - by mkotechno
    I'm doing some tests with new features of CSS3, but this combination only works in lastest versions of Chrome and Firefox, but not in Safari or Opera: box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5); I really don't know if they fails in the box-shadow itself, in the inset parameter, or in RGBA color. It's a syntax error or simply Safari and Opera lacks on this?

    Read the article

  • Children inside <a href> trigger mouseout. How to prevent that?

    - by stagas
    I have this: <a href="javascript:void(0);"> <div> <span>some content</span> <span>some content</span> </div> </a> The problem is hovering the mouse over from one <span> to another triggers an instant mouseout and mouseover again even though they have no padding or margin between them. Even on the browser's status bar the link flickers for an instant. How can this be prevented?

    Read the article

  • Background Image comes up as white when displayed using Javascript

    - by AndroidNewbie
    I am trying to change the background image whenever the document is loaded, and when it hits this point: document.body.style.backgroundImage="url('../images/mobile-bckground.png')"; The page simply makes the background plain white. It is displayed like this in my javascript: $(function() { document.body.style.backgroundImage="url('../images/mobile-bckground.png')"; }); I have verified the image is in the right location, why is it doing this?

    Read the article

  • Table data display in HTML

    - by Hulk
    In the following table how to adjust the height and width automatically for the table. i.e, if the data is more it should display all the data else present data ina fashionable manner <table="mytable"> <tr><td>more data.............................................................................</td> <td>a</td> </tr> In the nothing should be wrapped wither in case of large chuks of data or small chunks of data. Thanks....

    Read the article

  • How can I allow text to wrap inside a word if necessary?

    - by OrbMan
    I am looking for the best solution to allow text to wrap in the middle of a word if necessary. By best, I mean most browser-compatible, and will favor word breaks before it breaks inside a word. It would also help if the markup looked nicer than mine (see my answer). Edit: Note this is specifically for user-generated content. Edit 2: About 25% of Firefox users on the site in question are still using v3.0 or below, so it is critical to support them. This is based on the last month worth of data (about 121,000 visits).

    Read the article

  • How do you scroll one area of a page using Android's web browser?

    - by Pete
    On the iPhone, safari strips out scrollbars on divs that have overflow set to auto or scroll, but still lets the user scroll with the two-finger swipe gesture. Using an HTC Incredible, we see the scrollbars are again missing, but we cannot figure out any gesture that allows the user to scroll. Is there a special directive we need to add to our HTML? This should affect zillions of websites, any time someone is trying to scroll an area of the page rather than the whole page. Does anyone know how to enable scrolling a div using the web browser on Android phones?

    Read the article

  • How to push the right side elements to the top

    - by Blankman
    I have 2 columns, one of them I float to the left and the other I float to the right. The right side has input buttons on them. For some reason the buttons are kind of in the middle of the column, I want them to be vertically aligned all the way to the top and to the right. How can I do this? Is it just playing with padding?

    Read the article

facebook twitter digg google delicious technorati stumbleupon myspace wordpress linkedin gmail igoogle windows live tumblr viadeo yahoo buzz yahoo mail yahoo bookmarks favorites email print

< Previous Page | 248 249 250 251 252 253 254 255 256 257 258 259  | Next Page >