Solved

Control of text  font when positioned on top of picture

Posted on 2013-12-05
4
320 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
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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
CSS Question 5 41
css help with menu spacing 10 31
Any Third party toll for Integrating chat system on ASP.NET ? 2 34
tag title an image 13 24
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
In this fifth video of the Xpdf series, we discuss and demonstrate the PDFdetach utility, which is able to list and, more importantly, extract attachments that are embedded in PDF files. It does this via a command line interface, making it suitable …

895 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now