wesnolte / jOrgChart

A jQuery plugin to draw tree-like structures such as OrgCharts.
992 stars 674 forks source link

Lines between nodes are behaving badly #29

Open mearleycf opened 12 years ago

mearleycf commented 12 years ago

Hello! Of course this is a great thing you've done, thank you. I'm having some issues with how the lines between nodes are appearing. Basically it's adding extra lines in some instances and bunching them all up to one side in other instances. I'm not sure what the issue is, but I'm hoping you can help me out. If you can reach out to me I can give you a URL to see what's happening.

boccobrock commented 11 years ago

I had a similar issue, my lines were not aligned properly and it sounds just like what you are describing. Turns out it was because I had

.right {
float: right
}

in one of my css files elsewhere. I had other elements relying on that property, so I modified my jquery.jOrgChart.css and added a float:none to the lines:

.jOrgChart .left {
    border-right: 2px solid black;
    float:none;
}
.jOrgChart .right {
    border-left: 2px solid black;
    float:none;
}
mearleycf commented 11 years ago

Wes indicated the same problem, thanks for posting your solution!

On Friday, September 7, 2012 at 5:34 PM, boccobrock wrote:

I had a similar issue, my lines were not aligned properly and it sounds just like what you are describing. Turns out it was because I had
.right { float: right }

in one of my css files elsewhere. I had other elements relying on that property, so I modified my jquery.jOrgChart.css and added a float:none to the lines: .jOrgChart .left { border-right: 2px solid black; float:none; } .jOrgChart .right { border-left: 2px solid black; float:none; }

— Reply to this email directly or view it on GitHub (https://github.com/wesnolte/jOrgChart/issues/29#issuecomment-8379688).