Solved

Control of text  font when positioned on top of picture

Posted on 2013-12-05
4
323 Views
Last Modified: 2013-12-05
I'm working in a php/mysql environment.  I am using a DIV to place text field on top of a picture. I am zero-ing out the text box so I just show text.

I thought this would be simple, but I'm not able to get the font size and weight I need.

Here is the css & html.

<style type="text/css">

.Misc_style {
border-style:solid;
border-color:#000000;
border-width: 0px;
background-color: transparent;
}

.overlay_A-B {
font-size:28px;
font-weight:bold;  
position: relative;
top: -50px;
left: -200px;
overflow:hidden;
 }
</style>


<div id="A-B_tag" class="overlay_A-B">
                                          <input name="A-B" type="text" id="A-B" value="0.00" size="6" maxlength="6" readonly="readonly" class="Misc_style"></div>

I can position the text, but I am unable to change the font.
0
Comment
Question by:jws2bay
[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
4 Comments
 
LVL 9

Expert Comment

by:Rowby Goren
ID: 39698797
Hi

I think you should request the moderator to add CSS to your Topic List.   They should give you the best answers here.

You would click on the Request Attention "triangle button"  on this page.


Rowby
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 39698844
You should set the class of the input to overlay_A_B and if that does not work then there is something else in the page interfering with it and you will need to post a link to the page so we can do diagnostics.

Cd&
0
 

Author Closing Comment

by:jws2bay
ID: 39699907
I was able to get it to work by changing the DOCTYPE  html, and stripping  the my css down to the basics.  It seems like I had some redundant css.
0

Featured Post

Best Practices: Disaster Recovery Testing

Besides backup, any IT division should have a disaster recovery plan. You will find a few tips below relating to the development of such a plan and to what issues one should pay special attention in the course of backup planning.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
ASP.net Markup for Sub Menu 2 39
RSS FEED - PROPERLY FORMATTED URL 2 26
CSS - Centering an image 2 23
Update the value of table B with value of table A tables inner join 6 75
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

762 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