Help - the Browers Controlling My Text size

[deva mx]

http://www.graphicdesignforum.com/emoticons/cool.gif




Hello everyone- I'm currently having issues designing a web pageso the textsize of one cell doesn’t resize when a user decides to change the text size in their browser. For example- I designed a html with some graphics inserted in a cell on the left side of a table and then - text placed in the center cell followed by more graphics in the right cell. It’s designed so that for every time someone clicks a link (one of the graphics in the left cell), only the text in the center cell changes. But my problem is, that every time I resize the text size in my browser- the whole balance of the page (and design) is lost. Is there a way to keep the text size independent from the browser text size view? Also, if there’s there an alternative to using iframes, I would like to know? (I want to avoid using those static scroll bars)


Thank you. Deva

[Ryan8720]

It is usually a good idea to let the user be able to control the text size. Otherwise, you may have users that can't read it.

But it can be controlled using CSS. You have to specify a pixel size.

For the whole page:

body {
font-size: 12px;
}

Or you can give your table a class and just control its font size.

table.mytable {
font-size: 12px;
}

<table class='mytable'>
</table>

Yes, iframes are bad. I'm not sure what you are using them for though. If you just want to bring another page into your page for easy editing, you can use includes from PHP or you can use SSI.

http://edgewebdesign.org/ryan2.gif (http://www.edgewebdesign.org)

C:\DOS
C:\DOS\RUN
RUN DOS RUN

[deva mx]

hey Ryan- thanks for the coding.

>>Yes, iframes are bad. I'm not sure what you are using them for though. If you just want to bring another page into your page for easy editing, you can use includes from PHP or you can use SSI.

The reason I wanted to use the iframes for the site I'm designing- is so it doesn't fall apart. The site looks fine when its view at normal text size- browser settings- though I just realized that when the text size is changed it breaks up the design. I know this sounds a little picky but I'm planning on designing for other people and I really want the page top hold- no matter what the text size.

Is there some documentation for understanding this action you mentioned? (on PHP)? I would greatly appreciate if you could direct to a site or tutorial that explains this more? Here is an example of a web page ( http://negentropic.org ) that holds together even when you change the text size- by the way I looked at the code and they seem to be using an iframe that points to a PHP file> and then the same PHP file has <LINK> tags that point to CSS scripts- Is this the idea you're mentioning?

thanx.

Post Edited (deva mx) : 6/14/2004 3:09:06 PM GMT

[Ryan8720]

http://www.w3schools.com has all the info you need. On their PHP tutorial, they use the require() function instead of include(), but they are the same thing.

The CSS will hold the text size so that won't be a problem. If you are trying to get that effect with the central scrolling box, you can use a div with overflow: auto; set in the CSS.

I hope that answers your question.

http://edgewebdesign.org/ryan2.gif (http://www.edgewebdesign.org)

C:\DOS
C:\DOS\RUN
RUN DOS RUN

[deva mx]

Thanks again Ryan- by the way, refering to that web page at http://negentropic.org/-I've been looking into this site as a study on PHP because there are a few behaviors there that I would like touse on my page (a work in progress).
Do you know howthey're able to change the look(color graphics) of their page every time itsrefreshed?Do you know the code?

Also,I noticed that when you refresh the page (no matter where you are on that page) it always defaults back to the original index page. I like that feature. For example- if I already clicked on the 'Lab' link and I'm viewing the stuff in there- and thenI decided to click the Refresh on the browser it will revert me back to the index page. How is this done?

Thank you- Deva

[Ryan8720]

I'm not seeing the color change on refresh.

The reason it goes back to the index is because of the iframe. When you hit refresh it reloads the outer page, which contains an iframe that is set to go to the news.

http://edgewebdesign.org/ryan2.gif (http://www.edgewebdesign.org)

C:\DOS
C:\DOS\RUN
RUN DOS RUN

[deva mx]

Outer page? I'm not sure I understand- do you mean this code:

(actual code from the site)
<IFRAME name=newsiframe
src='06-14-2004 negentropic_org v1_3_7_files/lab.php' frameBorder=0
width='100%' height='100%' allowTransparency>
</IFRAME>

I've included this code in my version- with no result of it reloading the outer page. Is this something I should be noticing even when I test the page offline? Or do I need to be on a server that handles PHP? Is this something handled by PHP?

Which leads me to think- especially while trying to recreate the way this page handles- does the iframe source ('src='06-14-2004 negentropic_org v1_3_7_files/lab.php') have to be a PHP document? why not html they look the same?

thanx. deva

[Ryan8720]

When you refresh the page, you are refreshing the index page of the site. The index page contains an iframe. Iframes are used to bring another page into the current page. Their iframe is set to lab.php, so when you refresh the page it will always bring lab.php up. That gives the appearance of going back to the index every time. It has nothing to do with PHP.

I'm not sure if iframes work offline. Put one in your page and if it doesn't shows up it works. lol

Yes, you can use an HTML page in an iframe.

http://edgewebdesign.org/ryan2.gif (http://www.edgewebdesign.org)

C:\DOS
C:\DOS\RUN
RUN DOS RUN

[deva mx]

So in your opinion or just by looking it over - what part does PHP play in making that site function?

[Ryan8720]

Well, PHP is server-side, so there is not way to tell for sure, but most likely he is using includes. It also looks like he is using a PHP script for the navigation.

http://edgewebdesign.org/ryan2.gif (http://www.edgewebdesign.org)

C:\DOS
C:\DOS\RUN
RUN DOS RUN