WP layout help

by rugman

Posted: 13 years ago 4 replies

WEB DESIGN

I am trying to type a resume to put on a bio page for a DR - I can't get it to look rite. When I type the dates followed by his education it comes out all over the place. I guess you can't use the "tab" key. I tried doing it in Frontpage and copying the code and pasting it but still comes out crappy. I will attach what I am trying to replicate.

#layout

Istvan Horvath 13 years ago

Originally Posted by rugman

When I type the dates followed by his education it comes out all over the place. I guess you can't use the "tab" key.

A common mistake: trying to use 'desktop' maneuvers on the web. It will never work...

It has to be presented in HTML: use either a table or a set of div elements.
See: HTML Layouts

Although the examples on that site are about the 2-column layout of a website... the idea is the same even if applied to only the content area: you need a 'column' for the dates and another one for the events related to those dates.

Most likely, using a table would be easier at this moment.
<table>
<tr><td>DATE HERE</td><td>TEXT HERE</td></tr>
<tr><td>DATE HERE</td><td>TEXT HERE</td></tr>
<tr><td>DATE HERE</td><td>TEXT HERE</td></tr>
....etc.
</table>

There are a lot of things that you can play with - just search and read on the net about spacing, padding, styling with classes etc.
But the sample above should work for the basics.

EDIT: P.S.
If working in WP - turn OFF the idiotic Visual/wysiwyg editor when adding html code!
(go Users > my profile: off)
- Thanks
Signature
{{ DiscussionBoard.errors[5507960].message }}
rugman 13 years ago

Thanks - will try. I did play around with some html but every time I went to preview page the code vanished when I went back.
- Thanks
Signature

Growing older but not up!
{{ DiscussionBoard.errors[5507971].message }}
Istvan Horvath 13 years ago

See my late edit P.S.
- [ 1 ] Thanks
Signature
{{ DiscussionBoard.errors[5507983].message }}
rugman 13 years ago

I actually found this plugin: CKE editor
Worked really good - allowed me to ad a table in the visual mode then I went in to the HTML mode and tweaked some of the spacing.
- Thanks
Signature

Growing older but not up!
{{ DiscussionBoard.errors[5524221].message }}