/    Sign up×
Community /Pin to ProfileBookmark

No idea where to start here…

Copy linkTweet thisAlerts:
Jun 03.2004

I have to convert [url=http://www.medford.k12.or.us/Files/pol%20cca.pdf]this PDF[/url] to HTML, and have no clue where to start… Actually, scratch that, no clue where to finish is more acurate… I figure I can mark most of it up with nested unordered lists, but how would I mark up the Staff Development, as it has two parents… Any ideas? Also, how would I signify the horizontal relationships of the top 3 on the chart?

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@IncaWarriorJun 04.2004 — well you could try using tables and border properties, but i would just make it a big picture
Copy linkTweet thisAlerts:
@ray326Jun 04.2004 — Turn it into a GIF and put it on a page as an img.
Copy linkTweet thisAlerts:
@SamauthorJun 04.2004 — but as a gif its entirely inaccessible... If at all possible, I would like people to be able to cut and paste, and have screen readers to be able to access the content.
Copy linkTweet thisAlerts:
@siskoJun 04.2004 — egads thats not very pretty at all!

My only suggestion is flagrant use of the div tag with a bunch of CSS

position: absolute;

top: Xpx;

left: Ypx;

width: 100px;

height: 50px;

border-width: 1px;

border-style: solid;

and where applicable:

border-left: none;

etc etc


You'll also have to position the links via position: absolute as well.

etc etc.... its a lot of tedium and quite a bit of trial and error if you don't do the calculations, but it will work.
Copy linkTweet thisAlerts:
@SamauthorJun 04.2004 — but divs are semantically meaningless... Styling this won't be difficult at all, my on question is what is the best way to mark this up semantically?
Copy linkTweet thisAlerts:
@ray326Jun 05.2004 — The best semantic markup would be nested unordered lists.

School Board

Attorney

Auditor

Superintendant

Director

Secondary

...

Director

Primary

...

The "platipus in the taxonomy"* is the Staff Development box but that could just be handled by duplicating it.

*ZAMM allusion, there is always a platipus in a taxonomy. 8)
×

Success!

Help @Sam spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.1,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...