Serendipity Forums

Posted: **Tue Jan 10, 2006 4:35 pm**

Hi Folks!

ATTENTION, BAD ENGLISH!

I'm porting the Blix Theme to S9Y.

Click here!

I have some little Probs
with the links in the sidebar. The Links should have a Background color
if MouseOver. This is allready done by adding this:

.serendipitySideBarContent a:hover {
padding:0px 0px 0px 0px;
font-size: 12px;
color: #149FA8;
background: #FFFBF0;
display: block;

But now the links "jumping" up and down. Is there any possibility to get this fixed? The Backgroundcolor should only "fill" the rest of the line to the right.

Thanx, Lordcoffee!

Posted: **Tue Jan 10, 2006 5:17 pm**

Take off the display:block. Anchors are usually displayed inline, and changing them to block makes them extend to the full width of the container.

This doesn't fill the rest of the line to the right, because you're only specifying the anchor; there's no container to fill the rest of the line, so we can't really create a rule to fill that way.

The real problem is the extra <br/>. When you change one of the anchors to block display, it gets the full line, then the break shows, then the rest of the anchors. You could leave the display:block, and then modern browsers could use:

Code: Select all

.serendipitySideBarContent a:hover+br {
  display: none;
}

to eliminate this problem, but IE doesn't understand it.

To keep everything you want, use this set of rules:

Code: Select all

.serendipitySideBarContent a:hover {
    font-size: 11px;
    color: #149FA8;
    background: #FFFBF0;
	display: block;
}


.serendipitySideBarContent a {
    font-size: 11px;
    color: #149FA8;
    background: #FFFBF0;
	display: block;
}

.serendipitySideBarContent br {
  display: none;
}

The only problem is that the category images and XML feed images are also anchors, so they become divs, and then they take up their own line. To fix THAT, you'll need to float them:

Code: Select all

.serendipitySideBarContent img {
  float: left;
  margin-right: 3px;
}

Good Luck!

Posted: **Tue Jan 10, 2006 6:02 pm**

Very nice, that is an excellent job on one the most popular themes, well done. I think quite a few people will be pestering you for the download.

From your demo, could I make one small suggestion. The select box in the comment form is wider than the other input boxes. Maybe you should adjust the width to match.

Cheers
Carl

Posted: **Wed Jan 11, 2006 12:30 am**

Thanks for the fast support! It works great!

There is only one problem in IE (Win). On the startpage the sidebar is fine but if I click e.g. "Gästebuch" (guestbook) the sidebar jumps down. The same happens in the full article view.

Click here!

Greetz, Lordcoffee!

Posted: **Thu Jan 12, 2006 8:32 pm**

It looks like an IE float problem to me. Try assigning a height (say, 1%) to the #mainpane in your CSS. The sidebar is floated right, and IE can do weird stuff if the container has no height.

It may also be the "IE double floated margins" bug. I'm afraid you'll have to do a little research on that one yourself, since I'm awfully busy these days. Google is your friend.

Good Luck!

Posted: **Thu Jan 12, 2006 10:28 pm**

The last one did it!

Thank you very much!!!

My Blix-Port is now ready to publish! I'll make a new thread for the Download.

Thanks again and good night

Lordcoffee!

Serendipity Forums

My Blix-Theme - Some little Problems

My Blix-Theme - Some little Problems