|
|
Posted by dorayme on 05/12/07 04:03
In article <K4a1i.77$145.71@trnddc02>,
"El Kabong" <davelong40@verizon.net> wrote:
> Thanks.
>
> I'm not sure the site owner really needs it to match the flyer precisely. I
> did upload it as a pdf,
> (http://www.tomahawkfallride.com/CustomChopperShow2007.pdf) but it's nearly
> a megabyte and we're pretty sure a lot of our target audience is not on
> broadband.
>
> So I'll give it a try tomorrow without the positioning.
>
> El
>
> "dorayme" <doraymeRidThis@optusnet.com.au> wrote in message
> news:doraymeRidThis-86DC74.08322712052007@news-vip.optusnet.com.au...
> > In article <Ez51i.4659$cu1.2697@trnddc01>,
> > "El Kabong" <davelong40@verizon.net> wrote:
> >
> >> The page with which I am currently concerned is
> >> http://www.tomahawkfallride.com/CustomChopperShow2007.htm. It is supposed
> >> to
> >> match exactly a flyer being physically distributed. It works OK in IE7
> >> but
> >> it falls down badly in FireFox.
> >
> > And in Safari ... and doubtless other reasonably standard
> > compliant browsers. It is a typical example of using the wrong
> > type of tool to try to mimic a printed page, namely absolute
> > positioning instead of a PDF. The material is simple enough to
> > quite do without all the need for any positioning at all. It is
> > headings and paras and a couple of pics. Why would you not simply
> > go down the page with these and style the elements lightly to
> > suit the conveying of the information and text and background
> > colours and leave it at that?
Best not to top post. You could perhaps start with something as
simple as:
body {
background-color : white;
font-family: "Times New Roman", Helvetica, serif;
color: black;
margin: 0;
padding: 0;
}
#main {
padding: 10px;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
max-width: 35em;
margin: auto
}
#ray {float: right;}
#heading {margin: 5px auto auto auto;}
h1 {
width: 100%;
height: 50px;
background: #000;
margin: auto;
text-align: center;
}
and then for HTML (just get rid of the white line in th heading
in an image editor)
<div id="main">
<h1><img id="heading"src="Ray_Kittel/header.gif" alt="Chopper
Challenge Custom Bike Show Presented by Bubba's Midwest Biker
Productions" height="45" width="530"></h1>
<p><img id="ray" src="Ray_Kittel/RayKittel.jpg" alt="Ray Kittel"
height="238" width="214">In conjunction with the 26th Anniversary
of the Tomahawk Fall Ride, Bubbas Midwest Biker Productions is
pleased to announce the return of the most respected and trusted
name in bike show judging in the upper Midwest for the "Chopper
Challenge Custom Bike Show. Ray Kittel of Rays M/C Show World
will, once again, serve as chief show judge & bike show event
coordinator for this special Tomahawk Fall Ride bike show
competition and special feature at Bubbas Big Party! $500.00 in
cash prizes, plus trophies, and bragging rights, will be at
stake. First through eighth place winners will each receive a
trophy plus the following, applicable, cash award:</p>
<p><img src="Ray_Kittel/prizes.gif" alt="1st prize: $150, 2nd
prize: $115, 3rd prize: $85, 4th prize: $60, 5th prize: $40, 6th
prize: $25, 7th prize: $15, 8th prize: $10." border="0"
height="51" width="513">
<p>PLUS: FOUR additional entries will be selected (solely by the
judges) to receive trophies as Judges Choice Honorable Mention
winners!</p>
<p><img src="Ray_Kittel/entry_fee.gif" alt="" height="22"
width="530"></p>
<p>Chopper shops enter three motorcycles in competition and
receive the fourth entry FREE (limit of four entries per
exhibitor or shop). Register on-site, day of the show, Saturday,
September 15. (Sorry, no pre-registration is available for this
bike show competition.) The show is located at the beautiful
Nokomis Community Park in the township of Nokomis on Business
Highway 51N (County Highway L) Tomahawk, Wisconsin. Winners
will be determined by combining judges scoring with spectators
choice voting results utilizing a point system. Bike show
competition will be open to all years, makes, and models of
motorcycles. There is no individual class competition. All
entries from stock to full custom vintage antiques, period
classics, touring bikes, special interest entries, sport street
bikes, trikes, performance machines, mild street customs to
radical choppers will battle it out in head-to-head competition
(shootout style) vying for judges points and spectator votes.</p>
<p>Entry and/or company display signs are encouraged and
welcomed.</p>
<p id="showdates"><img src="Ray_Kittel/show_dates.gif" alt=""
border="0" height="97" width="530">
and go on from here. You can simplify further, improve this too,
but above is roughly if you insist on the pics to match the flyer.
--
dorayme
Navigation:
[Reply to this message]
|