[Technical Issue] Forum Breadcrumb

[Blizzàrd1]

The Forum Breadcrumb is made of two parts, one that overlays the other. The right one that has a minute error in the coding contains the following;

• Avatar
• Welcome, <member>
• Notifications
• Some links, etc.

The problem is that the background (div) of the right side part stretches way too over to the left covering some part of the breadcrumb if the links are long. And you wont be able to click on the link properly.

For example; You cannot navigate back by clicking on

You must be registered for see links

as highlighted with the orange box below;

Spoiler

You must be registered for see images

Because the following div spans over "Review Corner" text;

Spoiler

You must be registered for see images

Review corner is just an example, it won't work for any other longer navigation. Easy fix is to decrease the width of the following div;

[B]#toplinks[/B] {
[B]width:[/B] 250px; }

 

[Blizzàrd1]

I honestly don't know what the hell you're talking about, but you seem smart so I'll agree.

It is for an admin, Zise or V. A little coding (CSS) mistake that showed up I think when we shifted to vBulletin 4.

 

[Drizzy]

I didn't notice this until you highlighted it, thanks for pointing it out. It would be a problem in the areas with several sub-sections. A CSS edit to the width property from 473px to 270px should be able to fix the problem.

 

[Blizzàrd1]

I didn't notice this until you highlighted it, thanks for pointing it out. It would be a problem in the areas with several sub-sections. A CSS edit to the width CSS property from 473px to 270px should be able to fix the problem.

That is correct, 250 px should be the width and 23 px is auto given to the div, so with the total of 273px it should be fine. You can test it using inspector tool in chrome.

 

[Drizzy]

That is correct, 250 px should be the width and 23 px is auto given to the div, so with the total of 273px it should be fine. You can test it using inspector tool in chrome.

Yeah, that's what I'm using right now. Comes in handy. ^^

 

[Blizzàrd1]

Yeah, that's what I'm using right now. Comes in handy. ^^

Yup, I do all my css using that and then export the file. :3

 

[gamahiro]

Has to be at least 350px to view all content. 250px cuts off float right topleftlinks.

Actually, it looks like 300px will work

 

[Blizzàrd1]

Has to be at least 350px to view all content. 250px cuts off float right topleftlinks.

Actually, it looks like 300px will work

250px + (20+1+3 Padding and stuff)

Spoiler

You must be registered for see images

 

[gamahiro]

250px + (20+1+3 Padding and stuff)

Spoiler

You must be registered for see images

You are not taking into account ul.isuser is dynamic, or the ss_avatar width. It has to be large enough to handle long usernames and a full 50 x 60px ss_avatar.

 

[Blizzàrd1]

You are not taking into account ul.isuser is dynamic, or the ss_avatar width. It has to be large enough to handle long usernames and a full 50 x 60px ss_avatar.

I see, then 350px will probably work. I didn't consider the long ass names.

 

[gamahiro]

I see, then 350px will probably work. I didn't consider the long ass names.

inline block for isuser makes it so you have to take into account for your longest accepted username

 

[Blizzàrd1]

inline block for isuser makes it so you have to take into account for your longest accepted username

They should have something like a break if the username is freaking long. Otherwise it effects the usage of all other forum users who have decent usernames that easily fits in 350px. Lol

 

[gamahiro]

They should have something like a break if the username is freaking long. Otherwise it effects the usage of all other forum users who have decent usernames that easily fits in 350px. Lol

It was just a quick hack V threw up. It isn't standard on vbulletin.

 

[Blizzàrd1]

It was just a quick hack V threw up. It isn't standard on vbulletin.

I see, explains the limitations. An easy fix for now would be changing the properties to fixed for the following code. That way, the welcome line won't bug anything else even if the username is longer. It will just display whatever is acceptable in that length allowing Breadcumb to be proper.

<li class="welcomelink">