My Blix-Theme - Some little Problems

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
User avatar
lordcoffee
Regular
Posts: 308
Joined: Tue Nov 29, 2005 10:22 pm
Location: Munich - Germany
Contact:

My Blix-Theme - Some little Problems

Post by lordcoffee » 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!

User avatar
judebert
Regular
Posts: 2478
Joined: Sat Oct 15, 2005 6:57 am
Location: Orlando, FL
Contact:

Post by judebert » 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!
Judebert
---
Website | Wishlist | PayPal

carl_galloway
Regular
Posts: 1331
Joined: Sun Dec 04, 2005 5:43 pm
Location: Andalucia, Spain
Contact:

Post by carl_galloway » 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

User avatar
lordcoffee
Regular
Posts: 308
Joined: Tue Nov 29, 2005 10:22 pm
Location: Munich - Germany
Contact:

Post by lordcoffee » 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!

User avatar
judebert
Regular
Posts: 2478
Joined: Sat Oct 15, 2005 6:57 am
Location: Orlando, FL
Contact:

Post by judebert » 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!
Judebert
---
Website | Wishlist | PayPal

User avatar
lordcoffee
Regular
Posts: 308
Joined: Tue Nov 29, 2005 10:22 pm
Location: Munich - Germany
Contact:

Post by lordcoffee » 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 :D

Lordcoffee!

Post Reply