Aesthetics but important, help needed please

[Jella]

On my main wiki page http://tvlampforum.com/showwiki.php the main image and the boxes are done it PX but I use fluid widths on my sites and this page needs to be fluid width. I have tried a few combinations but everything (boxes) goes to the left... tips please. I am reading here http://unstoppablerobotninja.com/entry/fluid-images/ but I don't know if its what I need?

So all I care about making 100% fluid width is the vault logo with the boxes centered and left right like they are now. Many still use a 600 width screen and it looks awful.

+++++++++++
I have spent no exaggeration, at least 100 hours trying to find a resolve or fix this one....

This is NOT exclusive to my sites, I have seen this on other vbulletins that run vaultwiki & (vb's) vblogs... and this occurs no matter what browser is used... this is not a browser issue either... I think its a Javascript issue?

In my navbar if you run your mouse under Favorites - Tools - Search - Petz and Media (which I created) ALL the highlighted underlines are perfect and do NOT go past the last letter on the right... yet it does on the wiki and Blogs links....... oh, and blog creator at vb is useless, if he answers at all.

http://tvlampforum.com/showwiki.php?...pecial:Bookshp

I have tried cleaning up the JS in templates not that I know anything at all about JS, (I have not touched the php files nor do I know which ones to even look at) I am going mad trying to make it stop having that extended link underline off right....... on both these links.

I have looked here

<td class="vbmenu_control"><a id="wiki_links" href="$show[nojs_link]#wiki_links">$links[wiki_name]</a> <script type="text/javascript"> vbmenu_register("wiki_links"); </script>
</td>

and this appears correct

If the other work right then these can be fiixed.... I did see them wrapped in body tags that don't appear on other JS links???

Can someone tell where to look please?

[Jella]

I can't even edit my posts here at VW, my mouse jumps all over the box, awful.

[pegasus]

Okay the fluid style you wanted for the home page is difficult but should work. It was originally done in fixed width because getting the items to center in IE6 required fixed widths. However, this is now calculated using Javascript so it seems switching to fluid width is okay, and it should also look fine on other fixed widths without having to change the VW CSS.

That said, it will of course still look ugly if the browser is not wide enough to show the namespaces side-by-side, and how low it will scale gracefully is dependent on the length of the box contents. There's not much we can do about this, but I've tested it down to 600px with the titles we have here.

These are essentially the changes:

ul.namespace_list {
	width: auto;
}
.namespace_list li {
	width: 49%;
	margin: 0;
}
.namespace_list h2.vw-head {
	margin: 6px 40px;
}

As for the underline, this is a strange quirk of vBulletin's Javascript, but apparently it underlines less when the id attribute is moved to the table cell (rather than on what you want it to underline). If you want to modify your blogs drop-down now, that's what you have to do.

[Jella]

oh thank you for the answer I will try that on the main page... now for the JS issue, your so funny baby... you talk like I have a clue or remote idea... did you fix it on the lamp site, you must have or it was divine magic??? Tell me what you did so I can fix it on the forbidden site........ and give me a clue on the blog link

First I need to look up what an ID attribute is, let me first look at what you did on the wiki link at the lamp site... I'll be back.

[Jella]

I got it, fixed on both sites including blog... don'y forget to add to you next build Its so nice to deal with a master coder!!!! Now I will have a look at the main wiki page.

[Jella]

Peg you have no idea how happy its made me that the lines are gone in the navbar... ecstatic.

I gave this a try

ul.namespace_list {
	width: auto;
}
.namespace_list li {
	width: 49%;
	margin: 0;
}
.namespace_list h2.vw-head {
	margin: 6px 40px;
}

However it did not work for me (boxes went crazy)........ but maybe I did it wrong? So I will try again later. Maybe I need to make the 40px; wider on Forbidden? Due to my renamings... for example of Category to Wiki Categories

My question on that is, ... its not the boxes per say that need to be fluid or moved it looks to me like it might be whats behind it that needs to be fluid like either the vault logo image width or page width??? Though looking at the code its all JS, is that correct? In that case I can do nothing.

So do the boxes sit on top of the background?

[pegasus]

Yes the boxes and the background are already fluid, but their container is not. The changes I mentioned above should also make the container fluid so that everything centers correctly.

Since they have to be read last, make sure you add those lines to the end of the template vw-important-tabbed.css.

[Jella]

OH geez..... you know what I did, I replaced the ones that kinda of looked the same... Teddy I need kindergarten instructions, I had NO idea I had to add it... LOL..... worked perfectly. Thanks again.