Search Results

Search found 11505 results on 461 pages for 'css transitions'.

Page 201/461 | < Previous Page | 197 198 199 200 201 202 203 204 205 206 207 208  | Next Page >

  • scriptaculous drop down menu not working in IE

    - by Gary
    I'm using the dropdown menu from http://www.wappler.eu/swdropdownmenu/ and it works fine in all browsers except IE.. the demo on the website works in IE, and the only thing i've changed is the styling.. mine is at http://www.futureworkinstitute.com/2010/ - at first i thought it might have been a conflict between scriptaculous/prototype/jquery, but even after removing other JS, it still doesnt work.

    Read the article

  • z-index problem in IE6

    - by simonkagwe
    I have been struggling with a z-index problem in IE6 for quite some time now. I require part of the 'header' portion in my website to open up (using jQuery), and cover a portion of the 'content' section which comes after it. The thing works like a charm on all the browsers I've tested it on (Firefox, Chrome, Opera), but IE6 instead pushes down the content section, which is not what I want. The website itself is here I have done extensive research both here on SO and thro Google but all the workarounds I've found don't work for my case. Please help.

    Read the article

  • Center aligned form with equal width labels

    - by James Goodwin
    I have a very simple web form which consists of labels and input fields, however I can not seem to find a way of aligning the form in the center of the page and for the labels to have an equal width so that they appear neatly next to each other, one under the other. The structure of my page is basically: <body> <div class="form"> <form method="post"> <fieldset> <label>Mobile:</label><input type="text" name="msisdn"><br/> <label>Code:</label><input type="text" name="code"><br/> <br/> <input type="image" src="submit-button.gif" alt="Submit"> <br/> <input type="checkbox" name="ts_and_cs"><label> Accept Terms and Conditions</label> <br/><br/> </fieldset> </form> </div> </body> Usually I would fix this by doing float:left on the label fields and setting a width on the labels, however for this I need the labels and input fields to be centered on the page. Also I am not able to set the width of the page (or any containing divs) as the page will be displayed on mobile devices with different screen sizes. Any suggestions as to how best style the form? Thanks

    Read the article

  • Indent text left and right

    - by Elliott
    I am using the p tag to align text left and right on the same line using: .left { float: left; text-indent: 5px; margin-top: 0px; } .right { float: right; text-indent: 5px; margin-top: 0px; } <div id="content"> <p class="left">Left Text </p> <p class="right">Right Text </p> </div> The left text will indent by 5 pixels, the right text will not. I have tried -5px and just 5px, any ideas how I could do this? Thanks

    Read the article

  • Jquery class changing works, but doesn't effect another function like it should

    - by Qwibble
    So I have content boxes that close and expand when you click an arrow. The content box has two classes for telling whether it is open or closed (.box_open, .box_closed). A hover function is assigned to box_open so when it is open and you hover over the header, the arrow appears. However, I don't want this to happen when the box is closed, as I want to arrow to remain visible when the box is closed. When the box closes, the box_open class is removed, but the function assigned to that class still works. Here's the jquery code for the two functions. You can also see them in the head of the demo below. // Display Arrow on Box Header Hover $(".box_open").hover( function () { $(this).find('a').show(); }, function () { $(this).find('a').hide(); } ); // Open and Close Boxes: $(".box_header a").click( function () { $(this).parent().next('.box_border').stop().toggle(); $(this).parent().toggleClass("box_open"); $(this).parent().toggleClass("box_closed"); return false; } ); Can anyone take a look at what the problem is? Here's the demo url: Demo Url

    Read the article

  • Strange padding in Safari when using SVG images

    - by Naman Goel
    I thought I was having issues with margins but then on a closer look I found that SVGs are acting funky in Safari 6. I am building a simple Hexagon based website. Of course I used negative vertical margins to for a little overlap to 'inter-lock' the hexagons. And to save space I was using SVG images for the hexagons. It works great in chrome and firefox, but in Safari, there is a strange padding in the SVG images. I'm using simple img tags for the svg images. Everything works when I switch to PNG, but I'd prefer to stick to SVGs. Any insight? Can I perhaps delve into the SVG code and somehow fix the SVG problem in Safari? or is it some sort of bug, that I can do nothing about without browser sniffing?

    Read the article

  • Jquery cross-fade rollover problems in IE7

    - by Thomas
    I built some cross fade rollovers in IE7 using this single image technique: http://jqueryfordesigners.com/image-cross-fade-transition/ It works by placing the rollover image in the background and fading the original image state when the user rollovers the image. IE7 hates it. The rollover state shows up directly below the original image. You can check it out here: http://hardtopdepot.com/dev/inner.html It should be pretty obvious in IE7 but the add to cart buttons are suppossed to be Jquery rollovers. I am by no means a JS expert so Im not sure how to go about solving this problem, any suggestions would be very helpful. Thanks-

    Read the article

  • ASP.NET MVC - Do stylesheets have to go in the Site.Master file?

    - by Darcy
    Hi all, I noticed that I cannot add stylesheets on any page. They must be added to the master page. I already have about 15 stylesheets in the master view, which seems like overkill, since only some of the pages use a certain stylesheet. I imagine I could reference the file via javascript (although, I can't think of how off the top of my head), but it would be really nice to not have to use any.

    Read the article

  • Flags with border on hover

    - by Alpan67
    Hello I have 3 flags (Italian, german, english) with the purpose to change language for the whole site in future. How can I make a border on a hover effect that could alxo work with IE ? this is the CCS .miniflags { float:right margin : 5px 20px; padding-right:10px; } and here the HTML <div id="bandiere"> <a><img src="ita.png" class="miniflags" /></a> <a><img src="ger.png" class="miniflags" /></a> <a><img src="eng.png" class="miniflags" /></a> </div> Thanx for help Alex

    Read the article

  • How can i have a div stuck on the left side of the page no matter how much i scroll horizontally?

    - by Noor
    This is kind of difficult to explain so ill link to a page that has the effect i need; http://wpaoli.building58.com/wp-content/uploads/2009/08/feedback-panel.html The feedback thing on the left side is what im trying to implement on my side, instead of feedback im going to use it as a navigation menu that shows up when clicked on. the things above is what i have right now. my problem is when i scroll to the right ( my page is around 6000px wide ) i want it to stay on the left side, is there a way to pull this off? (this is to much for my brain to handle)..thanks!

    Read the article

  • rotate and its properties

    - by faxtion
    When using -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);; does its properties rotate with it or do they stay the same, for example does the margin top become the left, or does margin top stay at the top? Think it's me being stupid but having some weird things happing when trying style the elements

    Read the article

  • Attaching an event to an Iframe that contains more iframes

    - by Oscar Godson
    I have an editor which is in my window that contains a wrapping iframe and then 2 more iframes inside like (the HTML inside the <iframe> element is inserted via write() in JS, not hardcoded like this): <iframe class="parent"> <div class="wrapper"> <iframe class="editor"></iframe> <iframe class="previewer"></iframe> </div> </iframe> One is an editor, the other is a previewer. The first one that contains the two (we'll call this the parent) has an eventListener for mousemove attached to it, but nothing is firing. If i add a 5px border for example, the event will fire when I move my mouse on the border of the parent, but not when i hover over the middle which contains the editor or previewer (previewer is display:none while the editor is visible, and vice versa). So, the blue area in the following i can mousemove, but the rest I can't. It's most likely because of the stacking order, but how can I attach an event to fire on the entire frame? I need mousemove because on mousemove I display a menu in the bottom right. I want the same menu to display whether or not the editor or the previewer is visible.

    Read the article

  • Wordpress Site: Can't logout or post comment

    - by Chloé
    I need help with my site http://VelvetArt.net. I can´t logout, post a comment, and when i put index.php after site adress, is does not work too, it just displays white screen. I have this theme also on my test site http://velvetart.lnb.sk. All working here, logout, index, comments.. Maybe the problem may be with wordpress default files (index.php, wp-blog-header.php, wp-comments-post.php) but i don't know how to solve this issue. Can anyone help me with this please?

    Read the article

  • How to make a table, which is wider than screen size, scrollable?

    - by understack
    I've a table with 2 columns and each column is 800px wide. I want to show this table in 800x50 window. So there should be horizontal and vertical scrollbar to view complete table. While I've found few related solutions (this and this) on SO, they only work if table width is smaller than screen size. In my case screen size is 1200px and total table width is 1600px. How could I do this? i want to achieve something like this.

    Read the article

  • Slider with default functionality

    - by Geetha
    Hi All, I am trying to create a slider like this example. but the control is not getting displayed. pls anyone help me. http://devsandbox.nfshost.com/js/jquery-ui/development-bundle/demos/slider/constraints.html Geetha.

    Read the article

  • Image auto resize to fit div container.

    - by Khou
    How does do you auto resize a large image to fit a smaller width div container? Example can be seen here on stackoverflow.com - when an image is inserted onto the editor panel and it is too large for display, the image is automatically resized.

    Read the article

  • measure rendered html in javascript without affecting the measurement

    - by drawnonward
    I am doing pagination in javascript. This is typographic pagination, not chopping up database results. For the most part it works, but I have run into a heisenberg issue where I cannot quite measure text without affecting it. I am not trying to measure text before it is rendered. I want the actual position it shows up at on screen, so I can paginate to where it is naturally wrapped. I am measuring the vertical position of characters, not the horizontal width of strings. The way I do this is similar to this answer in that I am applying a style to a block of text, then measuring the position of the newly created span. If the span does not reach the end of the page, I clear it and make a new span in a linear search. The problem is that the anti-aliased sub-pixel text layout is different when the span is applied. In rare cases, this causes the text to wrap differently when I measure it. I have only seen this when wrapping at a hyphen, and I assume it would not happen when wrapping at white space. As a concrete example, "prepared-he" is the string I am having trouble with. When I measure up to "prepare" it appears, as expected, to be within the current page. When I measure "prepared" the whole phrase wraps down to the next line, moving it to the next page, so it looks like the "d" is the character to break at. I break the text between "prepare" and "d-he" and that is wrong. Trying to evaluate individual characters opens a whole can of worms I would rather avoid. The wrapping changes because, with the new span, the line is 1 pixel wider. A solution to my problem could either be a better way to measure text using javascript, or a way to wrap text in a new element without affecting layout. I have tried setting margin-right:-1px for the class of the span being created to wrap the text. This had no noticeable effect. I am doing this in a UIWebView on the iPhone. There are some measurement related calls that are available in normal WebKit that are not available here. For example, Range does not have getBoundingClientRect or support setting an offset other than 0 in setStart or setEnd. Thank you

    Read the article

< Previous Page | 197 198 199 200 201 202 203 204 205 206 207 208  | Next Page >