Hi guys!

I am now making a website by XHTML and CSS which is the part of my school project. Honestly, I am really new to this and now I have a problem with Firefox text increasing. Is there possibility to stop that? I have such a nice layout but once I try increasing the text, it goes all over my pictures and makes the site look so ugly.

Help me!

Imation

_________________
"I am still far from being what I want to be, but with God's help I shall succeed.", Van Gogh..

@Imation

Well... yes and no..

You can use css and set text size using px...

But then the site is less accessible for partial sighted people and you really shouldn't do it :p

_________________
Back to action!

@BinoX

No just partially sighted, either - my Mac mini is connected up to a 37" LCD HDTV, and we sit on a sofa about 10 feet away from the screen (ahhhh - bluetooth keyboard and mouse!)... however, in order to make most things visible, we've had to boost the default font sizes somewhat.
I've set Firefox to override default fonts to (I think) 14 or 16 points. Most sites are OK, but some break, and some don't allow the size to be overridden. Others use flash to construct the entire page, and obviously the fonts are an integral part of the media and can't be changed.

Things that aren't readable don't get read - simple as that - no matter how compelling the subject matter...

As set-ups like this - and mobile computing (e.g. using a palmtop or mobile phone) - become more common, it is imperative that websites are designed in such a manner that the display can be customised by the end-audience.

_________________

@Imation

Quote:

I have such a nice layout but once I try increasing the text, it goes all over my pictures and makes the site look so ugly.

Tables are useful for situations like this - although I'm sure that there are other solutions...

_________________

@Chunder

Yeah! What you said! lol

I do web development as a job so I have to keep these things in mind.. heh.. never thought of that reason before...
Shoulda done really since I use my nokia communicator 9500 to view sites on the move.. heh

_________________
Back to action!

@Imation

I use ASP and TABLES to create my web pages, by defining width on a cell in the table, content text will not expand it.

<table border="0">
    <tr>
        <td width=”x number of points”>
               
My long text
        <td>
    </tr>
</table>


CSS as you know is only supported on Windows and Linux system and should not be used

Last edited by NutsAboutAmiga on 22-Feb-2006 at 03:59 PM.
Last edited by NutsAboutAmiga on 22-Feb-2006 at 03:57 PM.
Last edited by NutsAboutAmiga on 22-Feb-2006 at 03:56 PM.

_________________
http://lifeofliveforit.blogspot.no/
Facebook::LiveForIt Software for AmigaOS

@NutsAboutAmiga

Did you end your table properly there? lol


Edit:
I'll guess by the way it's changing it's a no.. lol

Last edited by BinoX on 22-Feb-2006 at 03:58 PM.

_________________
Back to action!

@Imation

One of the first major lessons to learn with web design is that you need to give up control to an extent: You can't control what browser they'll use and you can't stop people increasing (or decreasing) their text size. Even the old trick of setting it in pixels only works for IE, and was never a good thing to do anyway. Who are you to say how big my text should be?

The answer is to follow a "bulletproof" methodology - construct your site such that it will cope with an increase in font-size without tearing itself apart. http://www.simplebits.com/publications/bulletproof/ is a good book on the subject.

If you give us a URI I might be able to give you some pointers on how you might do that with your design.

_________________

@gnarly

Really? the px thing used to work in firefox... then again.. it was firebird (I think that was the name it used to have) back then... lol

(Edit: Typo)

Last edited by BinoX on 22-Feb-2006 at 04:00 PM.

_________________
Back to action!

@NutsAboutAmiga

Your approach is flawed, outdated and deprecated.

For a start it's a semantically incorrect way to represent non-tabular data, and secondly it won't stop the table getting wider when increasing text size in IE7 or Opera

/me holds fingers to forehead in an L shape

_________________

@BinoX

He he some problems whit HTML formatting

_________________
http://lifeofliveforit.blogspot.no/
Facebook::LiveForIt Software for AmigaOS

@BinoX

If it did, it was a bug. It was never the intended behaviour. IE is the only browser that does this - and from an accessibility point of view it's just plain wrong.

_________________

lol.. I guess you could cheat it... (In a very bad and unprofessional way)

Use some javascript that runs constantly and checks the text size and if it's not normal set it back... xD

There's probably something out there that can do it... but don't quote me on that... never really looked into browser control side of js

Last edited by BinoX on 22-Feb-2006 at 04:04 PM.

_________________
Back to action!

@gnarly

I don't use px for font sizes anyway, just something I seem to remember from a while back...

Then again.. arguing the case technically 12px IS 12 pixels... Using IE logic it's saying that a big 12px is 12 pixels high and a tiny 12px is still 12 pixels high because it's set to 12 pixels...

Using firefox logic it's more like zooming the text... so it IS 12 pixels but zoomed in... I would read through the CSS and HTML w3c specs to find out the proper implementation of that... but it's over 500 pages long

Last edited by BinoX on 22-Feb-2006 at 04:08 PM.

_________________
Back to action!

@NutsAboutAmiga

CSS is supported on every decent browser on the planet, including Lynx. It only should not be used when the target is an Amiga...

_________________

@BinoX

But why would you want to do that? It's a pointless abuse of JS, just like those functions to diable right-clicking.

It would do nothing more than annoy your users and really piss off anybody with bad eyesight. They'll either switch off javascript (which will disadvantage all the sites that use it properly) or never visit your site again.

Like I said, who are you to decide what size my on-screen text should be?

http://www.veen.com/jeff/archives/000791.html

Last edited by gnarly on 22-Feb-2006 at 04:09 PM.

_________________

@AMiGR

Well I think I’m going to add a few Only Amiga pugins to IB when it comes to piss pc users off or am I just being evil? HTML is global standard and one should try make pages viewable on as many web browsers as possible, no point in using the new stuff that is not supported by Linux, MacOS and so on, that be counter productive if your like every one to read your page that is.

_________________
http://lifeofliveforit.blogspot.no/
Facebook::LiveForIt Software for AmigaOS

@gnarly

Quote:

Like I said, who are you to decide what size my on-screen text should be?

God :D

lol.. Only kidding.. I agree with you totally.. but if this is a school piece then a few hacks won't hurt anyway... unless it's high level work for an exam in which case DONT DO IT.. lol...

The most important thing about viewing web sites is that the content is readable/usable by EVERYONE that uses it... It doesn't matter if the layout goes a bit funny with some settings... Sure, if you can find a way to fix the layout and have it display then all the better

_________________
Back to action!

@NutsAboutAmiga

Quote:

HTML is global standard and one should try make pages viewable on as many web browsers as possible

Exactly. My HTML content is available to any browser on any platform: It'll look a lot nicer and offer an enriched user experience to modern (CSS+JS supporting) browsers, but crucially, it will still be viewable by anybody.

Yours will only be visible to people who are viewing on a desktop PC over a certain resolution.

Quote:

no point in using the new stuff that is not supported by Linux, MacOS and so on

What would that be then? CSS, DOM-JS, XMLHTTPRequest and the rest are supported very well by Firefox (Windows/Mac.Linux/etc), Camino (Mac), Safari (Mac), Opera (Windows/Mac/Linux/Phones/Embedded/Nintentdo DS!), KHTML (Linux), Omniweb (Mac) and so on. Even IE6 does a decent job most of the time. Ferchrissakes, CSS support is better on my mobile phone than on any current Amiga browser.

Take your blinkers off.

Last edited by gnarly on 22-Feb-2006 at 04:35 PM.

_________________

@BinoX

Quote:

if this is a school piece then a few hacks won't hurt anyway

Mmm, teaching bad habits this early on will be really helpful...

_________________