473,785 Members | 2,354 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Advice needed for HTML layout

Hi all,
I have a printout of a barcode label with various sections of info,
e.g. sender, receiver, product details, notes... etc.
I am currently designing a page which must look exactly like the this
label when printed. The problem in HTML is that the table layout
cannot be adjusted to the exact size that I would have liked it to be,
and this causes a lot of frustration indeed.
I need advice from people in this group on how I can solve the problem
in HTML.
If you can recommend any tools that I can use, that would be much
appreciated.

Thanks,
June.
Jul 20 '05 #1
7 1711
June Moore wrote:
Hi all,
I have a printout of a barcode label with various sections of info,
e.g. sender, receiver, product details, notes... etc.
I am currently designing a page which must look exactly like the this
label when printed.

You cannot get a web page to look like a printed page. Period. Your
only near success will be on your computer with one browser. It may look
similar and that is the best you can expect. HTML was not designed for
page layout the way you want.
If you want an exact duplicate, use an image. Given your statement of
the requirements, a good sized image could be made on the fly that would
be quite small in bytes: black-and-white or grayscale, and compressed. PNG
and JPEG both do well in this regard.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 20 '05 #2
ju******@yahoo. com.au (June Moore) wrote:
I have a printout of a barcode label with various sections of info,
e.g. sender, receiver, product details, notes... etc.
Okay.
I am currently designing a page which must look exactly like the this
label when printed.


HTML is not the right job for this task. Either use a format designed
for precise control of the printed output, or simply use an image
format.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>
Jul 20 '05 #3
jmm-list-gn <jm************ ***@sohnen-moe.com> wrote in message news:<MJ******* *************@g iganews.com>...
June Moore wrote:
Hi all,
I have a printout of a barcode label with various sections of info,
e.g. sender, receiver, product details, notes... etc.
I am currently designing a page which must look exactly like the this
label when printed.

You cannot get a web page to look like a printed page. Period. Your
only near success will be on your computer with one browser. It may look
similar and that is the best you can expect. HTML was not designed for
page layout the way you want.
If you want an exact duplicate, use an image. Given your statement of
the requirements, a good sized image could be made on the fly that would
be quite small in bytes: black-and-white or grayscale, and compressed. PNG
and JPEG both do well in this regard.


Can you tell me how I can create the image on the fly? Note that the
printout will have some data that is dynamic and I'm not sure if there
are any software available that will allow me to embed the data inside
the image on the fly.

June.
Jul 20 '05 #4
ju******@yahoo. com.au (June Moore) wrote in message news:<e5******* *************** ****@posting.go ogle.com>...
label when printed. The problem in HTML is that the table layout
cannot be adjusted to the exact size that I would have liked it to be,
and this causes a lot of frustration indeed.
You could try creating the labels in PDF.
If you can recommend any tools that I can use, that would be much
appreciated.


http://www.ros.co.nz/pdf/user.php
Regards,
Rithish.
Jul 20 '05 #5
On 11 Aug 2004 20:53:26 -0700, ju******@yahoo. com.au (June Moore)
wrote:
I have a printout of a barcode label with various sections of info,
e.g. sender, receiver, product details, notes... etc.


Dead easy - use HTML, lots of <div>s and use absolute CSS positioning
to control their layout. Use CSS measurements in cm (this is CSS'
biggest advantage over a HTML table for this task)

It's terrible web design, but it's just the ticket for printing
barcodes.

NB - Every user that views the page and has a vaguely competent
browser will get teh same sticker layout. However you will need to
distribute the barcode font to them beforehand. OK for an intranet,
not quite so easy for the world at large.
--
Smert' spamionam
Jul 20 '05 #6
On Thu, 12 Aug 2004 04:58:23 -0700, June Moore wrote:
jmm-list-gn <jm************ ***@sohnen-moe.com> wrote in message news:<MJ******* *************@g iganews.com>...
June Moore wrote:
> Hi all,
> I have a printout of a barcode label with various sections of info,
> e.g. sender, receiver, product details, notes... etc.
> I am currently designing a page which must look exactly like the this
> label when printed.
>

You cannot get a web page to look like a printed page. Period. Your
only near success will be on your computer with one browser. It may look
similar and that is the best you can expect. HTML was not designed for
page layout the way you want.
If you want an exact duplicate, use an image. Given your statement of
the requirements, a good sized image could be made on the fly that would
be quite small in bytes: black-and-white or grayscale, and compressed. PNG
and JPEG both do well in this regard.


Can you tell me how I can create the image on the fly? Note that the
printout will have some data that is dynamic and I'm not sure if there
are any software available that will allow me to embed the data inside
the image on the fly.


There is. It will require server-side programming. Take a look at:

http://www.boutell.com/gd

http://be.php.net/image

grtz

Vincent
Jul 20 '05 #7
ri*****@dacafe. com (Rithish) wrote in message news:<fd******* *************** ***@posting.goo gle.com>...
ju******@yahoo. com.au (June Moore) wrote in message news:<e5******* *************** ****@posting.go ogle.com>...
label when printed. The problem in HTML is that the table layout
cannot be adjusted to the exact size that I would have liked it to be,
and this causes a lot of frustration indeed.


You could try creating the labels in PDF.


Of course, as the others have mentioned, what I have suggested has to
be be done with server-side programming.

Regards,
Rithish.
Jul 20 '05 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
1519
by: www.Search24-7.com | last post by:
I am working on a project site. The url is www.search24-7.com. I am looking for feedback (both negative and positive). I am new here and want to learn ways to drive traffic, improve my rank etc. My site is only 25% complete. I do not have any SEO techniques and am very much open to any sort of constructive criticism. I know I am very much a newbie, but I hope to make some friends here to help me along my way and to become my mentor. ...
23
2398
by: Mark Tranchant | last post by:
A new project: http://step-by-step.org.uk/ Don't worry about the links yet, the content hasn't been written. I'm just interested in the introduction screen, which is my first attempt at an absolutely-positioned layout. I'd like to know whether this works well in all browsers. It *should* look like this in a modern, standards-supporting browser:
16
2460
by: Michael Rozdoba | last post by:
I'm far from a CSS expert, but what I see of it I really like & I love keeping content & style separate. I also hate the way table layout produces convoluted bulky code. However when asked why one should use CSS rather than tables, particularly when tables work & browser support of CSS can be dodgy, especially in IE, I usually fail to come up with a concise & convincing argument :/ I've been having this long running discussion with a...
32
2584
by: Alan Silver | last post by:
Hello, I shamefully admit to be an old web designer, from before the days of CSS. In those heady days, tables were king and were used for every possible kind of alignment. When CSS came along, it was useful for specifying colours and fonts for a site in one central location, but useless for any real kind of design work due to the poor browser support. I got well in to using CSS for colours and fonts, but carried on using tables for...
3
1418
by: jqpdev | last post by:
Hello all, I've been developing web apps using Borland's websnap technology which is built upon asp technology. I'm tranisitioning to ASP.NET VS.NET and need some techniques/best practices to assist in the transition. I've created my apps/sites using a chunking method based on a template. Chunks of HTML and JScript are stored together in separate files, and groups of pages share a common template file. Most of the pages have their...
1
9654
by: David Van D | last post by:
Hi there, A few weeks until I begin my journey towards a degree in Computer Science at Canterbury University in New Zealand, Anyway the course tutors are going to be teaching us JAVA wth bluej and I was wondering if anyone here would be able to give me some tips for young players such as myself, for learning the language. Is this the best Newsgroup for support with JAVA?
53
2859
by: Paul Watt | last post by:
Hi again, Ok so I've got two new problems with this layout http://www.paulwatt.info/test/turn/ 1) When I increase the width of the Maincontent Div from 73% to 74% to line it up with the right hand side of the page, the whole div drops to below the level of the leftcell div. put it back to 73% and it goes back to its correct posistion. 2) It looks fine in IE but a absolute dogs dinner in FF. whys this?
28
1960
by: Ian Davies | last post by:
Hello I would appreciate some help from someone who has knowledge of working with css, php javascript and how they interact. Ive been working on a task for the last few days and have started to hit a brick wall. I need general advice on whether I m tackling the problem the correct way and some solutions for my current problems Ive posted my project below where ive detailed the current problems im having...
0
1339
by: waggledance | last post by:
I was wondering if anyone here might be able to offer me some advice for someone who can only use Macromedia Dreamweaver MX. I am (clearly!) a web design novice so apologies in advance if this is a silly question. I have been asked to build a website to specifications provided by a graphic designer at very short notice. The specifications include the visual appearance of the page, set out with pixel widths, locations of graphics, fonts, etc....
0
9646
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9484
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
1
10097
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9957
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8983
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5386
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
4055
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3658
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2887
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.