Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 05-01-2012, 07:30 AM
webipsum webipsum is offline
Junior Member
 
Join Date: 02-19-12
Posts: 11
iTrader: 0 / 0%
Resize font in fluid layout?

Hi.
I'm doing a layout fluid and almost everything is working: ex.: resizing images up to a limit (min and max), but how do I resize the font?
Please: how to resize the fonts when resizing the DIV?
Thanks for your attention.
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 05-01-2012, 08:22 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,687
iTrader: 5 / 100%
Do you mean the font in the image? or font on the actual page?
 
Reply With Quote
  #3  
Old 05-01-2012, 08:59 AM
webipsum webipsum is offline
Junior Member
 
Join Date: 02-19-12
Posts: 11
iTrader: 0 / 0%
Quote:
Originally Posted by HTMLBasicTutor View Post
Do you mean the font in the image? or font on the actual page?
Font on the actual page.
Tks.
 
Reply With Quote
  #4  
Old 05-01-2012, 09:35 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,687
iTrader: 5 / 100%
If you set the font size to a percentage or em the text will adjust to the user's resolution.

Care With Font Size - Quality Web Tips W3C
 
Reply With Quote
  #5  
Old 05-01-2012, 10:21 AM
webipsum webipsum is offline
Junior Member
 
Join Date: 02-19-12
Posts: 11
iTrader: 0 / 0%
Quote:
Originally Posted by HTMLBasicTutor View Post
If you set the font size to a percentage or em the text will adjust to the user's resolution.
Very tks, HTMLBasicTutor.
...text will adjust to the user's resolution: OK!
But does not resize the font, when reduce the browser window.
Some tips?
 
Reply With Quote
  #6  
Old 05-01-2012, 10:43 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,687
iTrader: 5 / 100%
If you are using a liquid/fluid design, the text will flow as the divs adjust. Unless of course you use nbsp; to force words to stay together.
 
Reply With Quote
  #7  
Old 05-01-2012, 03:44 PM
webipsum webipsum is offline
Junior Member
 
Join Date: 02-19-12
Posts: 11
iTrader: 0 / 0%
Quote:
Originally Posted by webipsum View Post
Very tks, HTMLBasicTutor.
...text will adjust to the user's resolution: OK!
But does not resize the font, when reduce the browser window.
Some tips?
Sorry HTMLBasicTutor.
...text will adjust to the user's resolution: Does not work...

In CSS:

Code:
.content_index_h01_v01_h02 h2 { font-size:80%; font-weight:bold; color:#FFF; margin-bottom:5%; }
But:
Resolution 1366x768 font-size = 13px
Resolution 1280x768 font-size = 13px
Resolution 1024x768 font-size = 13px

font-size don't resizing.

tks.
 
Reply With Quote
  #8  
Old 05-01-2012, 07:18 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,687
iTrader: 5 / 100%
Maybe we aren't communicating well but in this article: Not Designing for Most Common Screen Resolution There are 3 images showing how flexible font size adjusts with the user's screen resolution.

You can try this yourself in IE also. View/Text size/ then pick one of the sizes listed.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Wordpress Users: Edit Layout But Keep Current Layout Live ROGERKLOTZ Coding Forum 6 10-07-2009 10:17 AM
Fluid forms? Hades Coding Forum 8 07-23-2009 08:17 AM
Hi, can someone resize this please? louise501 Graphic Design Forum 11 11-09-2006 06:47 PM
Fluid Mask reteep Graphic Design Forum 5 08-25-2006 01:23 AM
Logo font/image font Pimpen 2010 Web Design Lobby 6 06-29-2004 01:00 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 10:53 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC