Help - Search - Members - Calendar
Full Version: Quick HTML question - THX! :D
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Beebs
Hi everyone, thank you for your Time n Patience
Im very grateful ;-)

Im somewhat of a noob yet doing my best ;-)

Scenario:
Im editing HTML created by a programmer

Problem:
I need HTML help to move the 2 bottom bold paragraphs underneath the photo.

THX biggrin.gif
Beebs

Visual design : attached
HTML Code : attached
pandy
A programmer with limited knowledge of HTML, I can imagine. I would rewrite this from scratch. Even if you choose to use tables for layout, you don't need a maze of nested tables to accomplish this page. Especially you don't need empty nested tables. There are many syntax errors too.

Is this for a HTML email or will it be a web page?
Beebs
QUOTE(pandy @ Mar 27 2017, 07:43 PM) *

A programmer with limited knowledge of HTML, I can imagine. I would rewrite this from scratch. Even if you choose to use tables for layout, you don't need a maze of nested tables to accomplish this page. Especially you don't need empty nested tables. There are many syntax errors too.

Is this for a HTML email or will it be a web page?



THX for the critique Pandy ;-)

Its for an HTML email.

I dont have the skill to rewrite from scratch, so Im working with what Ive got.

Even if that may be perceived as ‘less than’, bad quality or sub-par standard, I need to make it work.

Any coding help to make a ‘2 paragraph change’ happen is greatly appreciated.

THX AGAIN!
:))))))

Beebs
pandy
As it is, you need the text to be in the same column as the image for it to be under the image. It isn't easily done with the setup you have. Rewriting is the easiest way.

I'll see what I can do, but I can't work with the existing markup.
pandy
Here's my go. Use it if you want. Did you mean like this, with the bold text?

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>
</head>


<body>

<div style="width: 661px; margin: auto; border-bottom: 1px solid #f20d0a">
   <a href="http://www.theccdo.org/" target="_blank"><img src="https://mlsvc01-prod.s3.amazonaws.com/e641ffa3101/03cc7738-d24d-4e5a-986e-13316faaaa09.png?ver=1490606687000" width="661" height="179" alt="2017 - WELCOME TO THE YEAR OF THE ROOSTER"></a>
   <div style="float: left; margin-top: 15px">
      <a href="http://www.theccdo.org/" target="_blank"><img src="https://mlsvc01-prod.s3.amazonaws.com/e641ffa3101/1dabf57d-6df4-4bf3-8740-ad4ea65db72d.jpg?ver=1484672627000" width="32" height="28" alt="CCDO"></a>
      <a href="https://www.facebook.com/theccdo" target="_blank"><img src="https://mlsvc01-prod.s3.amazonaws.com/e641ffa3101/c5d9a10c-3bf2-4b6f-a8b3-53118d9b8cc3.jpg?ver=1484672616000" width="31" height="28" alt="CCDO on Facebook"></a>
   </div>
   <div style="float: right; margin-top: 10px">
      <a href="http://www.theccdo.org/" target="_blank"><img src="https://mlsvc01-prod.s3.amazonaws.com/e641ffa3101/0b9b951c-40a5-4f78-8ae6-c68447a755f2.jpg?ver=1484672619000" width="79" height="71" alt="CCDO" style="float: right; margin-top: -7px"></a>
      <h1 style="font: 22px 'Open Sans', Arial; white-space: nowrap; margin: 0 80px 0 0">April 2017 Dream Journal</h1>
      <p style="margin: 0; font: 12px 'Open Sans', Arial">
      Cambodian Community Dream Organization</p>
   </div>
   <div style="clear: both"></div>
</div>

<div style="width: 661px; margin: auto">
   <a href="http://www.theccdo.org/cms.asp?wpID=5" target="_blank"><img src="https://mlsvc01-prod.s3.amazonaws.com/e641ffa3101/fe28cb0d-4f7b-43f8-84d5-92ccc1f65a10.jpg?ver=1484672616000" width="212" height="38" alt="DONATE" style="float: left"></a>
   <p style="font: 16px 'Open Sans', Arial; margin-left: 220px">
   The year of the Rooster, 2561 BE (Buddhist Era) will begin April 13th. We will have much to crow about this year.</p>

   <h2 style="border-bottom: 1px solid #262464; font: 26px 'Open Sans, Arial; color: #262464">10th Anniversary Celebrations begin</h2>

   <a href="https://uk.virginmoneygiving.com/donation-web/charity?charityId=1008027" target="_blank"><img src="https://mlsvc01-prod.s3.amazonaws.com/e641ffa3101/f513bfa6-04f3-49e1-9351-161f8c5e4309.jpg?ver=1487900095000" width="433" height="277" alt="Donate to Cambodian Child's Dream Organisation UK" style="float: right"></a>

   <p style="font-weight: bold; margin-right: 433px; font: 13px 'Open Sans', Arial">
   Still time to donate as Marathon is on 23 April. GBP400 raised so farm but need to raise 1,000 GBOP.</p>
   <p style="font: 13px 'Open Sans', Arial">
   <span style="font-weight: bold">Chris 'Bunny' Warren</span>, 25, is running the Virgin London Marathon for CCDO UK on 23 April 2017. Chris' day job is as a DJ and music producer, taking him all over Europe. Chris is also a part-time sailor in the Royal Naval Reserve, a part of the British Navy. He is based at HMS Forward in Birmingham. We are all proud of his dedication and are cheering Chris' fundraising effort and wish him every success on the day. If you were or are a runner or wish that you could be, show your support for Chris!</p>
   <p style="font: bold 13px 'Open Sans', Arial">
   Please donate all monies raised for CCDO UK through the Virgin Money Giving Marathon with Reference 850698.</p>
   <p style="font: bold 13px 'Open Sans', Arial">
   We will be running for CCDO in Siem Reap Marathon on 3 December.</p>
</div>

</body>
</html>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2018 Invision Power Services, Inc.