Avoiding Tab Spillage Evitando guia derrame

Regular commentator on Sciencetext, Hsien-Hsien Lei of Regular comentador em Sciencetext, Hsien-Hsien Lei de DNA news blog eyeondna.com DNA notícias blog eyeondna.com alerted me to the fact that the tabbed navigation on our sibling site Sciencebase.com spills over if users set a larger than default screen font for in their browser. alertou-me para o facto de a navegação tabulada em nosso site-irmão Sciencebase.com derrames durante os usuários se definir um padrão maior do que a fonte para a tela em seu navegador. In Firefox, you can change display font size very easily simply by using the Control key in conjunction with the + or - keys. No Firefox, você pode mudar exibir tamanho da fonte de forma muito fácil simplesmente usando a tecla Control em conjunto com a + ou - chaves. A Control-0 will bring you back to default. A Control-0 o irá trazer de volta ao padrão.

The tabs on Sciencebase work nicely at default font size, spanning the logo neatly, with nothing spilling over or being to short for the header. Os guias em Sciencebase trabalho muito bem a fonte padrão dimensão, abrangendo o logotipo ordenadamente, com nada mais de derrame ou seja a curto para o cabeçalho. But, just one font size up makes the Geeky Bits tab bar spill on to a second line, totally ruining the effect. Mas, apenas um faz com que o tamanho da fonte até Geeky Bits barra de guia para um derrame em segunda linha, arruinando totalmente o efeito. I am working on it right now, and you might find that by the time this post appears, it will be fixed. Estou trabalhando nisso agora, e você poderá encontrar o momento em que este post aparece, ela será fixada.

But, it got me thinking, do other sites fail the font text for those people who have bigger or smaller font settings? Mas, trata-me pensar, fazer outros sites falhar a fonte texto para aquelas pessoas que têm maiores ou menores ajustes fonte? They most certainly do Eles certamente fazer mais JohnTP.com , one of my favorite bloggers’ blogs, if you Control-+ it will lose most of its upper menu above the top of the screen and you cannot scroll to retrieve it. , Uma das minhas favoritas blogueiros' blogs, se você Control +-ele irá perder a maior parte dos seus superiores acima do menu superior da tela e você não pode rolar para recuperá-la. There is lots of spillage of the sidebar menu over on Há lotes de derrame de menu mais sobre a barra lateral technology news site BlahBlahTech notícias sobre tecnologia site BlahBlahTech too, although nothing goes missing. Também, embora nada vai faltar.

Some sites cope very well. Alguns sites lidar muito bem. Sciencetext itself works just fine at one font size up, although nudge it too and things are not quite so glamorous. Sciencetext si só funciona apenas a uma multa até tamanho da fonte, embora ela também nudge e as coisas não são tão fascinante. Digital Inspiration Inspiração Digital too, seems to work perfectly even with several upward nudges of font size as does the Também, parece funcionar perfeitamente, mesmo com vários ascendente nudges do tamanho da fonte do mesmo modo que a Pure Blogging Pura Blogging site, as does SciScoop.com, at least for one nudge up. site, como faz SciScoop.com, pelo menos para um nudge cima.

Basically, the problem boils down to one of scalability. Basicamente, o problema resume-se a uma de escalabilidade. If the web designer or creator of a theme allows fonts to be scaled rather than fixing them, then at some bigger than default font size setting displaying the page will take it beyond the readily readable. Se o web designer ou criador de um tema permite fontes de ser redimensionado, em vez de corrigí-los e, em seguida, algumas maiores do que a fonte padrão definição de tamanho exibindo a página irá levá-la para além do facilmente legível. However, setting static font sizes is not the answer as that simply removes the benefits for those who like to read at a large font size and you are liable to turn them off. No entanto, a fixação estática o tamanho da fonte não é a resposta como a que simplesmente elimina os benefícios para aqueles que gostam de ler em uma grande tamanho da fonte e que são susceptíveis de desativá-los.

The answer is to ensure your site’s theme is scalable, but give the tabs, links, and navigation enough room to move around when someone ups the ante, otherwise there could be some serious spillages. A resposta é a de garantir o seu site O tema é escalável, mas dar as abas, links, navegação e espaço suficiente para deslocar-ups quando alguém o ante, caso contrário, poderia haver algumas graves derrames.