Search Results

Search found 11319 results on 453 pages for 'compass css'.

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 241/453 | < Previous Page | 237 238 239 240 241 242 243 244 245 246 247 248  | Next Page >

  • Can I define which characters are allowed to 'break' a word?

    - by zneak
    Hey guys, I'm showing up veeeery long URLs in my Safari extension. Obviously, they can't fit on a single line. Currently, word breaking rules make it so most URLs are on two lines: the first one is rather short and ends with the ? symbol, and the other is ridiculously long and contains all the rest of the GET parameters. I'd like to make it so words also break on the & symbol, without screwing up copy-paste if possible. I've tried to replace every & with &\u00ad (& + the soft hyphen character), but it's kind of weird to see the hyphen after the & when there really isn't any in the URL. I thought there was something in store with CSS3 for that kind of problem, but I can't find it. Any suggestion welcome, as long as it works with Safari.

    Read the article

  • Question about centering a Div .

    - by Sakti
    div { margin:90px auto; } This code centers the div in chrome with a top margin of 90px, but the results are different in all other browsers .. is there a common method to center the div and have a top margin at the same time ?

    Read the article

  • Changing iframe visibility on Mozilla not working

    - by Honski
    I've got a simple iframe that I want hidden until an event from that iframe is fire via easyXDM. It's working fine on Chrome, but somehow not on Mozilla. The event is being fired on both browsers, but only shows the iframe on Chrome. The only way to show the iframe on Mozilla is to call the same code using an onclick event. HTML: <a href="#" onclick="shower(); return false;">show frame (always working)</a> <br> <iframe src="testsite.php" width="600" height="424" scrolling="no" border="0" id="my-iframe3" style="visibility: hidden;" onload="scrollIFrame();" name="my-iframe3"> Javascript: function shower() { document.getElementById("my-iframe3").style.visibility="visible"; } var socket = new easyXDM.Socket( { onMessage: function(message, origin) { if (message == "hi") { socket.postMessage("do something"); } else if (message == "ready") { shower(); } } }); Both browsers receive the "ready" message.

    Read the article

  • How to animate/show a hidden div?

    - by Ricky Cortes
    So I'm trying to show a div with a toggle transition when a link is clicked. My code: $("nav ul li#about a").click(function (e) { $("div#about").slideToggle(200); e.preventDefault(); }); It works great, but I want this effect here: http://ricostacruz.com/jquery.transit/ Scroll down and find "TRANSITIONS FOR OTHER PROPERTIES". Do you see that scale effect (first demo box)? THAT is what I want instead of the slideToggle. So I want this similar effect to TOGGLE... transition IN and OUT when link is clicked. I hope you guys can help me :)

    Read the article

  • "Zooming" elements on a page while keeping the centre of enlargement in the centre of the window

    - by Acorn
    I'm trying to work out how to enlarge all elements on a page, but keep the centre of enlargement in the centre of the window. Example Page (up and down arrows to resize the image, you can also drag the image around) On this page, once the image reaches the top or the left side of the window the centre of enlargement changes. It also changes when you move the image. (exactly what you would expect) I'm thinking I'd need to take a completely different approach to achieve what I want. But I'm not sure what that approach is.. Any ideas?

    Read the article

  • Add a hover effect to all elements of a class [closed]

    - by Em Sta
    I made a simple website, it looks like this: But, as you can see, the hover effect only works on where the mouse actually is! (here ipsum) But my aim is that the hover works on all elements! So i added a class with the hover effect p.hov:hover, but see it yourself: <span id="motha"> <blockquote> <p class="hov">Lorem</p> <p class="hov" >ipsum</p> <p class="hov" >dolor</p> <p class="hov" >sit</p> <p class="hov" >amen</p> </blockquote> </span> p { color:#f2f2f2; background:#ff4a4a; font-size: 75px; line-height: 74px; font-weight:700; margin: 0 5px 24px; float:left; padding: 10px; margin: 0 5px 24px; font-family: 'Route', serif; } p.hov:hover {box-shadow: 1px 1px #666, 2px 2px #666, 3px 3px #666;} Sorry for my english! And Thanks!

    Read the article

  • Vertically Center - with unknown height

    - by panthro
    I have two div's side by side. On the left is an image, on the right are inputs. The image varies depending on what the user uploads. How can I vertically centre align the image and the inputs? I would like the inputs to appear vertically centre to the image. Both the img and inputs have their own container: <div class="img-container"> <div class="data-container"> Fiddle: http://jsfiddle.net/vbLht/

    Read the article

  • 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

  • Delay image loading with jQuery

    - by DCD
    I have a page with several galleries including accordions and sliders. The problem is that the page takes forever to load. Is there a way of wrapping an image in a bit of code or applying a class to it to force it to load only after everything else is loaded?

    Read the article

  • HTML - Javascript: I cannot click on the links on top in IE7

    - by Patrick
    hi, I cannot click on the links (tags) on top of the page in IE7. I tried to change z-index of the elements but it doesn't work. Could you tell me what's wrong with it ? http://www.sanstitre.ch/drupal/portfolio?tid[0]=38 The mouse click is handled by jQuery function .click() I'm sure javascript works because" Hide - Alphabetical Order menus" work thanks

    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

  • Retain Site Background and Switch Pages?

    - by yar
    I was about to redo a Rails site today using AJAX so that the background could remain in place. Then I thought, "that would be exactly like using frames," and then I thought about SEO consequences and I dropped the idea entirely and took a look around the Web. It turns out that few sites -- except for Google itself, which has the link bar at the top -- are doing this. It doesn't look impossible to do, but it's not exactly easy. Aside from Ajaxing, you have to think about updating the query-string and having SEO-friendly links (that actually don't work, but rather make background requests via Javascript). Will any of the new technologies -- HTML5, perhaps -- solve this problem and allow us to have a Web with background colors (and other static elements) that do not disappear momentarily between page refreshes? On the other hand, why are few devs doing this with current technologies? Is it just not a big deal, too complicated to implement, or....?

    Read the article

  • Z-index vs Accessibility

    - by MetalAdam
    Here's a simplification of my code that I'm having problems with, in regards to layering. <ul id="main_menu"> <li>Option 1 <ul id="submenu1"> <li>link</li> <li>link</li> <li>link</li> </ul> </li> <li>Option 2 <ul id="submenu2"> <li>link</li> <li>link</li> <li>link</li> </ul> </li> </ul> My issue is that submenu2 seems to be above Option 1. I have tried to give them appropriate z-indexes, but they don't seem to work... I'm assuming because submenu2 is a child of Option 2, and has no relevance to Option 1. Any idea of any work around that would help resolve my issue? I'm using large graphics for most of these links, so the overlapping is quite obvious.

    Read the article

  • how to fit div into the corner

    - by user650749
    I have a div whose height span 2 rows. But I want to the following div fit into the bottom left and bottom right corner: http://jsfiddle.net/netnet/NNH6V/ before browse, please drag the splitter to left and you will see the checkbox2 and "2222222222" could be fit into bottom left and bottom right perfectly. I can use the relative position(.VerticalUp class). But the problem is it will leave a empty row underneath, which I don't want. Any idea?

    Read the article

  • dynamic element positioning

    - by Ahmet vardar
    Hi, I have been seeing this thing for months and years and i really wanna know how to do that one. For example, there is an element in the middle of the page. and it is in absolute position. When scroll downs and comes to that element, it becomes fixed positioned and follows the scroll, when scroll up and back to middle of the page it becomes absolute again. I can give google adwords accounts page as an example, in the campaigns page, your keywords' header is the same thing. how to do that one ? thanks

    Read the article

  • how to align text senter and right

    - by Mayur
    Hi All, I m facing problem while aligning two text, one in center and other text in right; I used a Div to align it: <div style="text-align:center"> <h1> Sample Heading</h1> <div style="float:right; text-align:center"> <a href="#">sample link</a> </div> </div> When i used this my heading comes left its not a centrally align properly please tell is this correct way or their any other to handle this scenario Thanks

    Read the article

  • Firefox 17.0.1 ignoring font-weight

    - by jphogan
    http://iamsinc.com/blog/new-producer-bonus/ For some reason Firefox 17.0.1 on my Windows 7 machine is ignoring the font-weight of the td elements. It should be normal. This works fine in Chrome, IE 7 8, & 9, but not in FF. I have also tested it on an XP machine running 17.0.1 and it works fine. The font-weight should be normal, not bold. In the second box down ($300k level), the font-weight is showing up as bold on Win 7 FF 17.0.1 which pushes the pictures outside of the box. I have even tried reducing the font-weight waaay down and it has not effect on the problematic FF browser Does anybody have a solution or even a work-around? I hate to make the pictures all smaller just to work around this. Thanks!

    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 | 237 238 239 240 241 242 243 244 245 246 247 248  | Next Page >