Prev: Fluid graphic?
Next: What should I do to make my site more mobile-friendly?
From: Swifty on 22 Jul 2010 03:21
URL: http://news.bbc.co.uk/ (examples don't come any better than this)

Problem: The "Home ... Arts" menu bar wraps onto two lines

My browser (Opera) allows me to set a minimum font size in pixels. I
have this set to 11. This causes the BBC News website menu to display
in a larger font, which causes the menu to overflow onto a second
line.

Opera also gives me a way of specifying an overriding CSS file for use
at the above site. I've used this in the past to tweak elements of
this site, but I cannot find a way to increase the width of the
displayed page by a few pixels.
I think this comes from "width:974px" in main.css but I'm not
experienced in reading the Firebug display of the Style, where this
statement is displayed struck-through, as it has been nullified
somehow.

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk
From: Thomas 'PointedEars' Lahn on 22 Jul 2010 04:02
Swifty wrote:

> URL: http://news.bbc.co.uk/ (examples don't come any better than this)
>
> Problem: The "Home ... Arts" menu bar wraps onto two lines

I do not see "Arts" there.

> My browser (Opera) allows me to set a minimum font size in pixels. I
> have this set to 11. This causes the BBC News website menu to display
> in a larger font, which causes the menu to overflow onto a second
> line.

Yes, that part of the site is well done, although they could have omitted
the `display: inline' in favour of better control of item spacing since they
are using floats already (which makes this work; perhaps they had only
`display: inline' before, and observed it to not cause wrapping).

> Opera also gives me a way of specifying an overriding CSS file for use
> at the above site. I've used this in the past to tweak elements of
> this site, but I cannot find a way to increase the width of the
> displayed page by a few pixels. I think this comes from "width:974px" in
> main.css

Yes, it does. Such a declaration should be avoided for `px' values, and
`min-width' or `max-width' should be declared instead.

> but I'm not experienced in reading the Firebug display of the Style, where
> this statement is displayed struck-through, as it has been nullified
> somehow.

It is a visualisation of the CSS cascade: another declaration for the same
property takes precedence over the struck-through declaration (due to
selector specificity, use of short-hand property, or `!important'). (It
should be on the Firebug wish list to have a way to navigate to that
selector or declaration.) So you need to look for such a declaration in all
selectors for all the relevant elements (which is rather easy to do with
Firebug; I won't spoil you the experience by telling you beforehand,
initially.)


PointedEars
--
realism: HTML 4.01 Strict
evangelism: XHTML 1.0 Strict
madness: XHTML 1.1 as application/xhtml+xml
-- Bjoern Hoehrmann
From: Swifty on 22 Jul 2010 06:04
On Thu, 22 Jul 2010 10:02:08 +0200, Thomas 'PointedEars' Lahn
<PointedEars(a)web.de> wrote:

>> Problem: The "Home ... Arts" menu bar wraps onto two lines
>
>I do not see "Arts" there.

The BBC must be censoring your ability to see the "Entertainment and
Arts" menu item/section of the website.

Probably a fit of pique for having beaten us in the football (so I
heard).

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk
From: David Stone on 22 Jul 2010 08:32
In article <oarf46lmnbcmkskvbpj8hke3ln4eii7pdt(a)4ax.com>,
Swifty <steve.j.swift(a)gmail.com> wrote:

> URL: http://news.bbc.co.uk/ (examples don't come any better than this)
>
> Problem: The "Home ... Arts" menu bar wraps onto two lines
>
> My browser (Opera) allows me to set a minimum font size in pixels. I
> have this set to 11. This causes the BBC News website menu to display
> in a larger font, which causes the menu to overflow onto a second
> line.
>
> Opera also gives me a way of specifying an overriding CSS file for use
> at the above site. I've used this in the past to tweak elements of
> this site, but I cannot find a way to increase the width of the
> displayed page by a few pixels.
> I think this comes from "width:974px" in main.css but I'm not

In FireFox 3.6.6 (Mac) with FireBug, I find:

#blq-container-inner {
width:976px;
}

in main.css - hack away!

The BBC, sadly, uses the "clagnut" approach. If you really want to
mess with their layout, also change their body { font-size: 62.5% }
to 100%. They also seem to make a lot of unwarranted assumptions.
For example, their "In Pictures" viewer[1] has been enlarged to the
point were it only just fits vertically in my window. Their
"slideshow" features are now actually too large, so either the
top of the picture or the controller bar gets cut off.[2]

I dread to think how much they paid someone to do all this, but
given we're taking about Auntie Beeb it was probably way too much...

[1] e.g. http://www.bbc.co.uk/news/world-10711756

[2] e.g. http://www.bbc.co.uk/news/uk-10714688
From: Thomas 'PointedEars' Lahn on 22 Jul 2010 09:04
Swifty wrote:

> Thomas 'PointedEars' Lahn wrote:
>>> Problem: The "Home ... Arts" menu bar wraps onto two lines
>> I do not see "Arts" there.
>
> The BBC must be censoring your ability to see the "Entertainment and
> Arts" menu item/section of the website.

That is unlikely, since I am not in Germany at the moment. "Entertainment"
is followed by "Video" at <http://www.bbc.co.uk/news/> (where your
<http://news.bbc.co.uk/> redirects to) here.

> Probably a fit of pique for having beaten us in the football (so I
> heard).

The pain! The pain! :)


PointedEars
--
Danny Goodman's books are out of date and teach practices that are
positively harmful for cross-browser scripting.
-- Richard Cornford, cljs, <cife6q$253$1$8300dec7(a)news.demon.co.uk> (2004)
 |  Next  |  Last
Pages: 1 2
Prev: Fluid graphic?
Next: What should I do to make my site more mobile-friendly?