• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 388
  • 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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
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

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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