:after transition on hover make elements move

I put an image on :after, with a translation on :hover. It makes other unrelated elements move on Chrome, with OS X (Firefox: unresponsive, and Safari : doesn't support transition effect) I tried without transition, works fine. I have this on several elements, and they all have this same problem as long as transition and :after are involv...

css footer menu transition

I have a problem trying to work out a small test menu with the (for me) "new" css3. The menu should be in the footer which always is on the bottom of the View port. However, I would like to mess around with the transition effects css3 offers therefore I want to grow a point of the menu when you :hover it. The menu points are set to float...

Change a CSS Style with Javascript before an Event

With Twitter Bootstrap's Carousel.. .carousel-inner { position: relative; width: 100%; overflow: hidden; causes a dropup button.. Cart Baker's Dozen (13) Two Dozen (24) Three Dozen (36) Four Dozen (48) Five Dozen (60) ..to be cut-off on the right-side http://imageshack.us/photo/my-images/197 /dropup.png/ Is there a javascript way...

Opening kendo ui window in a relative position

Is there a way to open a kendo window in a position relative to the button that called it (I would like to open the window right next to the button that called it.)...

Issue with dropdown menu overlpping

Here is my HTML code. I've tried entering a z index but it didn't work. The menu is in the right place but it doesn't slide open like it is supposed, and the items are overlapping. Help or suggestions would be greatly appreciated thanks :) Here is the CSS for the dropdown menu .click-nav {margin:0px auto; width:123px; position:relative;}...

jtidy fails to parse html - options

So I was trying to evaluate a couple of the HTML parsers and gave JTidy a try. Trying to parse this URL: http://htmlcleaner.sourceforge.net/doc/o rg/htmlcleaner/TagNode.html Gives these errors: line 1 column 56,258 - Error: missing '> ' for end of tag line 1 column 56,258 - Error: is not recognized! It says line one as it reads it in as on...

Position span to hang over the relative parent

I'm trying to position a span so that it will be above it's sibling and "hang over" or be positioned on top of it's parent. The parent is relatively positioned. Please view my fiddle to get the whole picture What it currently looks like... This is what I want it to look like... The span (tooltip): .grid-window span.validation-message:aft...

How do I position a child div absolute to a relative positioned parent div without breaking Bootstrap's image resizing in Firefox and IE9?

I'm using the Bootstrap framework, and I have a parent div containing an image with a position of relative, and a child div containing an image with a position of absolute. I'm using left and top with percentages to push the child div to the bottom right corner of the parent div. In Chrome and Safari everything works as expected with the...

Html page getting weird with doctype

I wrote an html page, with some css in a separate file and it worked fine. Then i realized that i should add a doctype declaration to my html. I did that and my page was completely messed up! I tried all types of declarations but all ended up the same!!! This is my html (currently only working with Chrome, and without doctype): Luca Rood...

Position one full-document background image over another

I'm aware that similar questions have been asked over and over, but I have yet to come across a solution that actually works for me. Picture the following problem. Situation: The body has a non-fixed background image that repeats both vertically and horizontally. There is supposed to be a second transparent background image laid over the...

Relative positioning div overlapping bottom content

Im trying to do a mobile first responsive layout. So on my HTML I have First - Middle Content Then - Left Content Then - Right Content and below all the content, I have a Seperate Section of information that goes full width from left to right. Im using position:absolute for Middle Left and Right divs to position them. My Problem is, b...

Formula with relative reference

hello im new in the forums, i have a question about an exel formula, this is one of those questions i keep reading and i still don't understand Quote: 10. In cell B18, enter a formula to calculate the amount of money loaned to Ghana in 2013 that SWM can expect will be repaid. In the formula, use a relative reference to the loan amount in...

Positioning a container always on top

I have a plugin in which I provide a simple div container and the plugin creates all kinds of dom elemnents inside the container through javascript. The basic structure that the plugin creates is something like this: Wrapper Div (Position:Relative) - Left Container (Position: Absolute) - Left Top sub-container (Position: Absolute) - R...

Why is a div with "position: absolute" not by default relative to the document?

I thought a general rule is that, whenever a div foo has position: relative , then if none of the parent and ancestor has any non-static position (so need to have one of relative, absolute, or fixed ), then, the div foo now will be position relative to the overall document. But in the following page: http://jsfiddle.net/4RcEn/6/ some...

How would you decouple a PHP app from needing to be run in document root?

Currently our PHP app requires to be set up in the web server's document root (usually by configuring Apache's virtual hosts). The main reason for that dependency is that our URL-generation logic assumes that all URLs can be accessed through the absolute path . That makes for easy linking to resources such as images, and pages. The user m...

How to align an absolute DIV outside a "relative" parent by CSS?

Consider a simple example with html and CSS .parent{ position:relative; background:red; width:200px; height:40px; .child{ position:absolute; top:40px; left:30px; width:70px; height:70px; background:blue; to place a DIV with absolute position just beneath its parent (with relative position). In this example, I equaled the absolu...

How to resolve relative url with Jsoup?

Hi I have a problem with Jsoup. I scrape a page and get a lot of urls. Some of those are relative urls like: "../index.php", "../admin", "../details.php". I use attr("abs:href") to get the absolute url, but this links are rendered like www.domain.com/../admin.php I would like to know if this is a bug. Is there a way to get the real absolu...

Javascript: get position/offset of element relative to a parent container?

I'm used to work with jQuery. In my current project however I use zepto.js. Zepto doesn't provide a position() method like jquery does. Zepto only comes with offset() Any idea how I can retrieve a offset of a container relative to a parent with pure js or with Zepto? Thank you in advance.

Girls 9-12 and 12-18

PRICES DO NOT INCLUDE POSTAGE :flower: document.write(guestimage); NEXT WORN ONCE LIGHT PINK TOP BNWOT TOPS £2 EACH SKIRT £3 9-12 document.write(guestimage); NEXT PEPPA PIG DRESS £4 9-12 document.write(guestimage); NEXT SET 9-12 £4 document.write(guestimage); JUST THE RIGHT HUMPHREYS CORNER ONE FOR SALE ATM £5.50 document.write(guestimage...

Performance: file_get_contents(), Relative and Absolute URLs

Is there any performance advantage if I use relative paths as argument in file_get_contents() file_get_contents("../../mypage.php"); file_get_contents("http://.../mypage.php "); How is file_get_contents() handled internally?...

jquery fadeToggle and removeAttr functionality

Working url: http://runnerupapparel.com/building/ Upon clicking the "Info" or "Look" link everything works properly, but when clicking the x to close the panel, the link color is not going back to gray, #666. Also the other nav links not being available when fadeToggle is activated would be beautiful. Not exactly sure how to approach that...

PHP passing variables via include files (relative path vs absolute path)

I want to pass a variable defined in an include file, identity.php , to the parent file, which I'll call parent.php . When I include identity.php via it's relative path, the variable is available to the parent.php file. When I include identity.php via it's absolute path (to the application root), it doesn't work. Why is this? File: iden...

CSS form with width and validation error message right of the form

I have a simple html form. This form has a specific width and margin auto so the form is in the middle of the screen. margin: 0px auto; padding: 0; min-width: 600px; width: 650px; I validate if all textboxes are filled. I use asp:RequiredFieldValidator with an own css class .ErrorMessage position:relative; left: 80px; width: 150px;...

Lack of outermost margin with smaller viewport

I have a <div id="wrapper"></div>​ with #wrapper { height: 300px; margin: 10px; position: absolute; top: 0; left: 0; width: 400px; When I resize the viewport so that horizontal scrollbars appear, the right margin disappears; I can only scroll as far right at the element's content, but I want the margin to be present on...

Possible to position Jquery ui dialog box not relative to the viewport

I try to position dialog boxes of Jquery ui with strict locations on website. I try to use them as little pop ups, goes around for a sec then repop them up at different location. However when I scroll my page, dialog boxes follow my viewport. I used this code to position them: $("#bubble").dialog("option", "position", [xLoc,yLoc]); Is the...

css absolute input div position

I have a textbox container div (.tb) with position relative, containing the input and placeholder div, these both have position: absolute. The problem is that the input text is centered (vertically), the placeholder text isn't centered (vertically). So I need the placeholder text to be vertically centered, just like the input. HTML: <d...

Centering images verically on scrolling page

I need your help! I'm editing this page (http://f6design.com/projects/parallax-s crolling/) and I have to make dynamic the position of the images generate randomly with jQuery. Can you help me? Thanks in advance. $(document).ready(function() { for(i=1; i<5; ++i) { n = ''; if(i < 10) n = '00'+i; else if(i < 100) n = '0'+i; el...

jQuery get updated position of an element

I'm trying to track the position of an animated element, there are two buttons; one to move the element up, the other to move down, and each should print the new position after moving..here is the code: <html> <head> <style> div { position:absolute; background-color:#abc; left:50px; top :50px; width:90px; height...

Convert longitute/latidute to pixels in Appcelerator Titanium

I'm searching for a way to convert longitute/latitude to pixels relative to a Map view. Basically, I'm looking for something similar to Projection.toPixels(), as described What I want to do is the following: I need to add annotations with background images and texts on them, and since such a feature is not possible with the default annota...

Setting the root for relative file paths in JUnit, AppEngine

I have some code that references a filename. On the server, this reference is relative to my directory. When I'm running tests, though, the relative root doesn't seem to be set - only absolute paths, starting at the root of my local HD, actually find the files. I'm testing in the context of an AppEngine LocalServiceTestHelper , which ret...

Positioning an element w.r.t the window using jquery

var wdt = document.body.offsetWidth/2.6 var hgt = document.body.offsetHeight/4 $("#element").offset({left:wdt, top:hgt}) what i am trying to do is position the image(#element) relative to the body..ie to the center with respect to the window ... for different Browser/window sizes/screen....irrespective of any screen. Is this valid.. or ar

Compass Sass Framework Sprite Path and Layout setting (SASS/CSS)

I am using Sass & Compass Framework for compiling my CSS. I am working in my local environment. When I dealing with the Compass Sprite image generation, I am encountering two different problems. I want to set the layout to horizontal or smart or anything other than default vertical but I could not. I checked the syntax and I am using...

How do i retrieve a div`s top value in pixels if it is set in percentage in css?

Ok, i have this div, which needs to be relative and the top in %: #adiv { position: relative; top: 50%; margin-top: 0px; } Now i want to find the value of top:50% in pixels. If I do this: alert("TopHeightInPixels:"+(parseInt($(" div#adiv").css("top")))); Firefox outputs the actual pixels, while Safari outputs just 50. I know why Safa...

json_encode not working with a html string as value

I am debugging this ajax for quite a time now. I have this on my jQUery file: $("#typeForm").ajaxForm({ success : function(html){ alert(html); }).submit(); This calls service.php , and within it I have this: $data = array('upload_data' => $this->upload->data()); $str = "<div style='position:relative'><img src...

Animate forever loop works in Chrome but not in IE

I have the following snippet of code that loops through the jQuery animate function endlessly. It works fine on Chrome, but fails after the first animate call on IE. My questions are: How can I make this work in IE (9)? How can I add a delay after the first loop? I want there to be a delay between consecutive pulses. #container { position...

Selecting an element in Jquery based on an absolute position?

I use Selenium Webdriver for testing and want to test the creation of a new time slot in the calendar. As a calendar I use the Jquery week calendar: https://github.com/themouette/jquery-wee k-calendar The challenge is, that the calendar has only a DOM element per day (the column) and not per time slot (the rows). The jquery plugin calculat...

Sublime Text 2 - Default Document Type

Is there a way to set a default document type when saving a NEW FILE? I created several new files and I want to have a default value of .txt when saving a NEW FILE.

how to detect point on canvas after canvas rotation

I am working on html5 canvas app in which i draw rectangle on canvas. 1. Canvas is tarnslate to center position 2. use fillRect function to draw rectangle 3. Canvas is position absolute with respect to its parent div. its work properly when canvas is at original position but when I rotate canvas 90/180/270 degree i am not able to relate...

CSS relative zoom?

I'm using a php styleswitcher and alternate stylesheets to try to duplicate the function of browser zoom (keyboard cmd-plus or ctrl-plus). Right now, the "zoom in" graphic is linked to an alternate stylesheet with the following css: body { zoom: 1.2; -moz-transform: scale(1.2); -moz-transform-origin: 0 0} This works fine, but ideally I'd...

Pure CSS triangle with semi-transparent border. Possible?

Is it possible to draw an arrow that has semi-transparent border around it just using css? Heres a fiddle of my effort so far: http://jsfiddle.net/calebo/fBW4u/ .ui-overlay { padding-bottom: 10px; position: relative; .ui-overlay-content { background: #999; color: #000; padding: 8px; border-radius: 4px; border: 5px solid rgba(0, 0,...