Tabs and buttons on Arch website(s)

foxbunny · 2007-10-20 01:14:33

The tabs and buttons in the top right corner have links such that the tabs and buttons to which they belong are not clickable across their entire surface. Only the text part is clickable, but the image on which the text is placed is not.

I haven't analyzed the code, but I guess the elements can be made clickable across their entire surface if you made links themselves (instead of the parent block element) into block elements and applied the images as blacground image. E.g.:

.tab {
display: block;
width: something;
height: somethingelse;
background-image: url(yadayada);
}

Sorry if I mistyped anything, I'm really sleepy. The post might be a bit confusing for the same reason...

Last edited by foxbunny (2007-10-20 01:15:18)

cactus · 2007-10-20 02:47:35

functional patches welcome.

daf666 · 2007-10-20 10:55:11

kind of on the same subject, I often have to force Firefox to "not allow sites to use their own colors" because links I already visited appear as non visited in the Arch site..
This is a matter of changing the "visited links" color in the CSS or something.
Sorry if its not the right place to post this, but while your at it...

foxbunny · 2007-10-22 10:29:00

Try this:

#main_nav ul li {
    display: block;  <----- EDIT: maybe "display: inline;" here?
    float: right;
    width: 67px;
    height: 20px;
}

#main_nav ul li a {
            display: block;
    width: 67px;
    height: 20px;
    background: url("http://archlinux.org/media/tab.png") repeat-x bottom left #fbf8f1;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: 3px;
    text-align: center;
    font-size: 13px;
}

I haven't had time to test this, but if you could toss me the templates, I could probably work on it some more. Meanwhile, try the fix above and tell me if it works.

Last edited by foxbunny (2007-10-22 13:48:18)

phrakture · 2007-10-22 15:46:39

foxbunny wrote:

I haven't had time to test this, but if you could toss me the templates, I could probably work on it some more. Meanwhile, try the fix above and tell me if it works.

It's a bit harder than that, considering it's all django and whatnot.

I'll see about getting some info to you, but have other higher priority tasks at the moment, so it might be a bit.

elasticdog · 2007-10-22 15:48:17

You should be able to edit the css live using Firefox's Web Developer plugin, at least to test things out...

Xilon · 2007-10-22 16:23:33

--- arch.css.old    2007-10-23 00:21:02.000000000 +0800
+++ arch.css    2007-10-23 00:21:35.000000000 +0800
@@ -33,6 +33,7 @@
 }
 #main_nav ul li a {
     text-decoration: none;
+    display: block;
 }
 #dev_nav ul {
     list-style: none;

I added 'display: block;' to the anchors in the menu via firebug and it works as expected. The above patch should be enough. I haven't tested it for the sub-menu though, but the same should work as well.

foxbunny · 2007-10-23 20:21:02

Same for sub menu, except that you need to also specify the width (87px) and height (20px).

neotuli · 2007-10-23 21:37:46

i'll probably be integrating this soonish. it's on ye ol todo list.

peets · 2007-10-24 02:43:54

plug: if you use the vimperator plugin for firefox, you don't need to click; press 'f'. This is therefore a non-issue. Also, if you enjoy text browsers (why, people, why?) you won't need to click.

phrakture · 2007-10-24 20:31:18

neotuli wrote:

i'll probably be integrating this soonish. it's on ye ol todo list.

It's in mine to, so never fear, if you slack I will begin annoying the crap out of you until you do it just to get me off your back 8)

foxbunny · 2007-10-25 10:26:53

Ah, spoken like a true leader.

murffatksig · 2007-10-26 03:47:03

foxbunny wrote:

Ah, spoken like a true leader.

no, no ... its spoken like a true Overlord.

foxbunny · 2007-10-26 07:39:41

Good point.

Arch Linux

#1 2007-10-20 01:14:33

Tabs and buttons on Arch website(s)

#2 2007-10-20 02:47:35

Re: Tabs and buttons on Arch website(s)

#3 2007-10-20 10:55:11

Re: Tabs and buttons on Arch website(s)

#4 2007-10-22 10:29:00

Re: Tabs and buttons on Arch website(s)

#5 2007-10-22 15:46:39

Re: Tabs and buttons on Arch website(s)

#6 2007-10-22 15:48:17

Re: Tabs and buttons on Arch website(s)

#7 2007-10-22 16:23:33

Re: Tabs and buttons on Arch website(s)

#8 2007-10-23 20:21:02

Re: Tabs and buttons on Arch website(s)

#9 2007-10-23 21:37:46

Re: Tabs and buttons on Arch website(s)

#10 2007-10-24 02:43:54

Re: Tabs and buttons on Arch website(s)

#11 2007-10-24 20:31:18

Re: Tabs and buttons on Arch website(s)

#12 2007-10-25 10:26:53

Re: Tabs and buttons on Arch website(s)

#13 2007-10-26 03:47:03

Re: Tabs and buttons on Arch website(s)

#14 2007-10-26 07:39:41

Re: Tabs and buttons on Arch website(s)

Board footer