I have this puzzlement...
On the site I am building the QuickEdit panel is broken: there is only part of the panel showing with an empty box. The first letter, the "Q", is only partially visible and it is about two inches to the right of where it should be. The rest of the letters are not visible. If you click the panel it works fine though: the drop down menu works. In addition there is another button that shows (Edit content), floating by itself where the content region begins, about halfway down the page.
I have not seen these issues with any of the tutorial or default installs. Any ideas?
Thanks!
-
☆ A M B ☆
- 24,524 Posts
Either a CSS or a javascript conflict; since it works it is most likely a CSS conflict.
The floating edit button is enabled/disabled by putting a # in the [*#content*] (or any other TV) tag in your template. There is also an option to hide the buttons in the main QuickEdit toolbar.
Thanks Susan,
I have a fixed width design with a centered wrapper. There is a branding header image at the top of the page. Part of this image is the title for the site. I have set the h1 div to be absolutely positioned on top of this header image. The h1 uses two background images (one for the hover state) and I have the actual text hidden by indenting it 9000 pixels to the left. So when a user mouses over the h1 image the graphic darkens indicating that this is a link back to the home page. The CSS (still a work in progress) is as follows:
h1 {margin:0;
position:absolute;
z-index:3;
top:-8px;
left:122px;
text-indent:-9000px;
width:385px;
height:77px;
background-image: url(../images/logo_off.gif);
background-repeat: no-repeat; }
h1 a {display:block;
height:77px;
background-image: url(../images/logo_off.gif);
background-repeat: no-repeat;}
h1 a:hover {height:77px;
background-image: url(../images/logo_on.gif); }
I wonder if any of this is causing issues with the QuickEdit plugin? The h1 text indent perhaps? I have no added javascript in this area...
Max
