Solved

how do you make text expandable in the browser

Posted on 2012-04-12
12
141 Views
Last Modified: 2012-04-14
how do you make text expandable in the browser, it was my understanding that you use em's inside a % div. See the attached file. what am I doing wrong.
expandType.html
0
Comment
Question by:designaire
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 5
  • 2
12 Comments
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 37840312
I looked at your file but I don't know what you mean by 'expanding text'.
0
 

Author Comment

by:designaire
ID: 37840368
Type that scales with the browser. Get's larger and smaller.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 37840936
Your file appears to work fine in Firefox to zoom larger and smaller.  Where is it not working?
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 16

Expert Comment

by:s8web
ID: 37842193
Yep, looks good in Chrome too.
0
 

Author Comment

by:designaire
ID: 37842355
The type doesn't change size, I thought you could make the actual type scale. The box around it does and it fills in the box but the size of the type doesn't change. I'm using firefox.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 37843993
The type size does change in Firefox 11 on my computer.
0
 

Author Comment

by:designaire
ID: 37846283
I need to use media queries
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 37846564
What does that mean and what does it have to do with your original question?
0
 

Author Comment

by:designaire
ID: 37846742
The text needs to shrink with different settings, through media queries. Media queries have different browser widths and you can change the css for that width. In the css you change the size of the text. Text doesn't shrink in percentages like images can, I thought i could.
0
 
LVL 16

Expert Comment

by:s8web
ID: 37846842
I don't see any media queries in your attached file.
0
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 200 total points
ID: 37846907
Your file works fine for 'zoom' in standard browsers.  For 'media queries', you have to add something to the file to handle them.  Here http://www.w3.org/TR/css3-mediaqueries/ is the 'official' word and 'media queries' is not official yet, requires HTML5, and is part of CSS3.  So your target audience browsers have to understand HTML5 and CSS3.  This article has more info: http://www.alistapart.com/articles/responsive-web-design/
0
 

Author Comment

by:designaire
ID: 37847420
That's what I was trying to say. I have the alistapart book. For some reason I thought the text could expand to moblie size without media queries.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question