|
Post by Insane Troll Logic on Jan 11, 2006 10:36:28 GMT -5
I need more websites to link to, people!
I'm redesigning the links box at the bottom of the forum, and I need more links to fill up the middle space - the one with the imagelinks. Two of those websites are no more - Sadly, the Luny Ben is gone, and so is Eyes Of The Buffyverse.
So if anyone has any cool links that could be added, I'll set about making imagelinks for them and putting them in.
If I fill up the space, I can always add more text links.
|
|
|
Post by GreatMuppetyNick on Jan 11, 2006 21:18:32 GMT -5
Well, theres always Whedonesque, my other haunting ground ....
|
|
|
Post by Insane Troll Logic on Jan 11, 2006 21:27:33 GMT -5
Cool - thanks, Nick!
Here's the prototype linksbox on my test forum:
itltest3.proboards84.com/
I might make Kev's forum an imagelink, and make Whenonesque a text link. The menu skin selector on the right hand side is a new thing I'm messing about with - I might make it a full skin selector, and make a few colour schemes for the entire forum to choose from.
Also - imagelinks now have a rollover effect. I'm such a big geek....
|
|
|
Post by Insane Troll Logic on Jan 12, 2006 20:48:02 GMT -5
Gnyaaarrgghh.
I'm having trouble making the new, funky links box. Why can't Firefox and IE work the same way when it comes to tables or CSS?
Bloody stupid bloody browser incompatibity bloody issues......
|
|
|
Post by GreatMuppetyNick on Jan 12, 2006 20:50:04 GMT -5
The FireFox geeks will tell you it's cause IE's an idiot that don't follow the rules, and the IE geeks will tell you that FireFox is an idiot because they don't follow the majority.
I tell you, you get more drama from IT than anywhere else. ;D
Do you need any help?
|
|
|
Post by Insane Troll Logic on Jan 12, 2006 21:09:14 GMT -5
What you say about FF and IE geekery is so true! lol
OK- I'm having two problems:
1) The text links are in a HTML list, hence the bullet points. But if I try to put a heading (or title text) to the list that is indented as far as the links are, the whole lot of them shift over to the right - and if I change the CSS class margins, I get different results in IE and FF. Currently, I'm just using normal text as the title, so it doesn't indent. Not my preferred solution.
2) The dropdown menu on the right hand side. When I put a line of text above it, it looks fine in FF - the dropdown menu sits nicely beneath it. But in IE, an extra line break is added. IE tends to add line breaks all over the bloody place. So as a workaround, I took the text out. Again, not a preferred solution.
|
|
|
Post by GreatMuppetyNick on Jan 12, 2006 21:40:58 GMT -5
I've played around with the codes in your test site ...
1) What tags are you using to specify the headings?
2) Putting a < br > tag after the text seems to make both IE and Firefox behave correctly. The text sits nicely above the dropdown list.
|
|
|
Post by Insane Troll Logic on Jan 12, 2006 21:59:53 GMT -5
Hmmm....I just added some text and a <br> tag, and it still gives an extra line in IE....
And here's the CSS classes for the 3 sections of the links box:
.extrasleft { background-color : #222222; color : white; }
.extrascenter { background-color : #272A2F; color : Lime; }
.extrasright { background-color : #222222; font-weight : bold; color : gold; height : 18px; display: inline; }
|
|
|
Post by GreatMuppetyNick on Jan 12, 2006 22:42:25 GMT -5
2) Removing the < form > tag fixes the break line problem. Why is the form tag in there anyway?
1) I haven't figured what you meant by the heading shifting to the right yet. Will look into it when I can.
|
|
|
Post by Insane Troll Logic on Jan 12, 2006 23:02:19 GMT -5
The dropdown is from a website that enables you to make skins for Proboards forums - so the form tag was in the code they gave me. I had no idea it wasn't needed for the dropdown to work! lol - so thanks, Nick! You've solved one of the problems! *exalts* And as for the list indent thing: See how the whole list is indented? That's what happens when I use a title for the list. Here's how it looks in HTML: <ul> TITLE TEXT <li>option 1</li> <li>option 2</li> <li>option 3</li> </ul>
|
|
|
Post by GreatMuppetyNick on Jan 12, 2006 23:17:22 GMT -5
Ahh, ok, I see what you mean now.
Though, technically, IIRC you aren't supposed to have the title inside the ul tag. Only list items are supposed to be there. So I guess your first instinct to put the text on the outside is correct.
|
|
|
Post by Insane Troll Logic on Jan 12, 2006 23:21:03 GMT -5
Yeah, but if I do that, the title doesn't line up with the links - and if I use a text-indent tag in the CSS, it also shifts the links - even though they have different CSS.
|
|
|
Post by Darkchylde on Jan 12, 2006 23:30:36 GMT -5
|
|
|
Post by Insane Troll Logic on Jan 12, 2006 23:31:41 GMT -5
Cool - it shall be added, along with Nick's suggestion of Whedonesque.
|
|
|
Post by GreatMuppetyNick on Jan 12, 2006 23:42:47 GMT -5
I have a solution, but it's pretty ugly.
Put the title on the outside, but use "& nbsp ;" (it's one whole word, you have to remove the spaces) to indent it. Remove the ul tag, you only need the li tags.
Like I said. Ugly.
|
|