• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 396
  • Last Modified:

display a checkbook with Labels and Text Input entries


How do I display graphics and text together.  An easy to use way to arrange text and graphics for a nice layout. Need help to do it- thanks

I am using vvd 2008 express edition.
0
goodk
Asked:
goodk
  • 4
  • 2
1 Solution
 
clintonljCommented:
If you're using Visual Web Developer 2008 then it already houses the functionality to present a WYSIWYG (What you see is what you get) visual interface...
If I'm understanding the issue Simply Go to File-> Create ->  New Website...
Go to Design View and Use to Toolbar to Drag Labels and Images onto the Page...
The Development Environment supports Visual Basic and C# for the code behind languages for server based web applications or you can simply create a Static HTML file...

On a webpage if you manually want to insert graphics...
for example use...
<img src="http://www.ocular3.com/App_Themes/MainTheme/Images/ocular3logomain.PNG" alt="myFavoriteLogo" />

for Checkboxes use:
<input type="checkbox" name="question1" value="Yes I like Green Eggs and Ham" />
0
 
goodkAuthor Commented:
It does not seem a trivial process to do the checkbook.
I am thinking, I do a table with the background image of a check.  Then drop few input fields on some absolute positions.  Vow, but sounds cumbersome.
How to I drop a perforated line from top to bottom to show seperation of stub and check. sounds complicated.  
Is there any easier way? I wonder?
0
 
amar31282Commented:
well it would be better if you show the layout you need and i will create it .
0
Cloud Class® Course: C++ 11 Fundamentals

This course will introduce you to C++ 11 and teach you about syntax fundamentals.

 
goodkAuthor Commented:
thanks, amar31282,
 
Any typical check, may be like this. I already have a tabel with all the fields.
http://www.styleschecks.com/styles_assets/images/product/IBTSCHK_c.jpg 
0
 
goodkAuthor Commented:
I am only looking for an example on how to do it - thanks
0
 
clintonljCommented:
I do apologise for misinterpreting your question...
Therefore I've done it for you.. Paste this into an html file and view it...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Checkbook Demo for my expert's echange partner</title>
    <style type="text/css">
        .basic_checkbook_page
        {
            background-image:url('http://servinghimwithshakyhands.files.wordpress.com/2009/02/blank-check.jpg');
            background-repeat:no-repeat;
            width:480px;
            height:226px;
        }
        .text_dollar_amount_box
        {
            position:relative; top: 83px; left: 388px; width: 83px;
height: 20px;
        }
        .pay_order_paragraph_label
        {
            position:relative; top: 37px; left: 87px; width: 265px;
            font-size:larger;
            text-align:center;
        }
        .pay_order_paragraph_pay_amount_label
        {
            position:relative;
            top: 27px;
            left: 22px;
            width: 347px;
            font-size:small;
            text-align:center;
            height: 14px;
        }
        .check_explanation_paragraph_label
        {
            position:relative;
            top: 51px;
            left: 43px;
            width: 180px;
            font-size:small;
            text-align:center;
            height: 16px;
        }
    </style>
</head>
<body>
    <div id="check1" class="basic_checkbook_page">
        <input type="text" class="text_dollar_amount_box" value="$185.00"/>
        <p class="pay_order_paragraph_label">Clinton Eastwood</p>
        <p class="pay_order_paragraph_pay_amount_label">One Hundred and Eighty Five Dollars and 0/100</p>
        <p class="check_explanation_paragraph_label">Making My Day</p>
    </div>
    <div id="check2" class="basic_checkbook_page">
        <input type="text" class="text_dollar_amount_box" value="$314,159.27"/>
        <p class="pay_order_paragraph_label">Clinton From Ocular3.com</p>
        <p class="pay_order_paragraph_pay_amount_label">Three Hundred and Fourteen Thousand Dollars and 27/100</p>
        <p class="check_explanation_paragraph_label">Being a Pure Genius</p>
    </div>
</body>
</html>
0
 
goodkAuthor Commented:
daer ayat durast ayat (persian proverb) late but accurate!! thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now