dkuehne

Saving as a “draft” does not fix the problem.
BTW I’m sitting in a “draft.” Oh well on a hunch I decided to try this same plugin on my local machine (OSX) and the check mark shows up. It’s the exact same copy of the plugin–so….. it must be that my hosting server doesn’t allow this (but then why won’t it even show up on the editing page?) or there is something different on my live WordPress site. Hmm… I’m sure it’s the same 1.5 build.

–dave kuehne

oops! This forum not our wordpress install url. Duh! Sorry the misunderstanding.

Does Firefox run on OS9? Or try some form of Mozilla that does. You’re probably on an older mac so you might not be able to use the latest and greatest–sorry. Can you upgrade to OSX?

On “Sarari” I don’t even see the Quicktag buttons–they are there for Firefox though. I believe it might be faster just to type these tags–or use the “Textile” or “Markdown” plug in and do it that way.

Nav’s a bit light on the mac–can hardly see it.

I presume you want to edit certain sections of a design or theme?

If you are familiar with basic web design terms, this is easy. A page is basically broken down into major sections, e.g., header, footer, content. The content area can be further broken down into more columns like a navigation or side bar and the main content. Doing this makes it easier to edit a header, footer or navigation that is global to the whole site–thus a change to one include (like the footer), changes the footer on every page of the site. Just sketch out your major sections and decide what you want. Every design will differ, so a “map” or “sketch” will be unique to that design.

This top-down view of design is not unique to WP or themes. This is just good design, especially when using includes and CSS. With CSS, the designer has the power to “target” certain areas with contextual selectors and therefore doesn’t have to write a class for every Tom, Dick and Harry (no offense to those in this class). Just target the unique id of the “navigation” div or table and those style declarations will “hit” only that area.

Read some good books on CSS from Eric Meyer or Jeffrey Zeldman and perhaps a good web design book (hand coding not WYSIWYG). Hope this helps.

James,
You’ll need to get a book on this subject or learn online if you really want to get a handle on CSS. Try anything from Zeldman or Eric Meyer. First off though, the site you want to emulate doesn’t utilize CSS properly, so I wouldn’t of necessity follow what they’ve done–maybe just the look–or their stylesheet–but not their markup (I really haven’t looked at thier styles). Notice I said “utilize.” If they really were using CSS properly they wouldn’t have marked their page up the way they did. A margin is what you need, my man.

1.) You read right–margin not padding. Padding goes between the content and a border–if you had one. The margin is on the outside of the border (again, if you have a border). Learn the “box model” and you’ll be on your way. The site you gave is using the align="right" to put the photo to the right. Don’t do it that way.

For a photo that floats right with the text wrapping around it, do this in your markup (before a paragraph or heading, etc.):

<div class="photoright"><img src="image.jpg" alt="whatever" title="whatever" /></div>

In your stylesheet you will make this declaration:

.photoright {
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666; /* if a border is desired */
}

Adjust the margins as you see fit so that the text flows around the photo as you see fit. Make the border any color you’d like. #666 is the shorthand for #666666.

Sure, you can float just the img and declare all images as block elements (a good idea anyway) but with the photo in a div you have more “hooks” as it were for styling and you can also put a caption with the photo and the whole thing floats as a unit. If you wanted to use padding and gave the background a color, padding would allow the background to show through. Best way to learn is to experiment. Try an editor that allows you to see your changes in real time too. You can use Firefox and use the “Developer Tools” plugin that’s on their site for real-time CSS editing if you wish. You can even edit other sites in real-time.

There is no need for absolute positioning, etc.

Note: that the photoright declaration is a class. You mentioned that you’d want all your photos to be right-aligned. This will “float” all your photos to the right. Being a “class” you can use this same <div> class as many times as you’d like on the page. That’s the power of CSS. You don’t want to do what the above gentleman wrote, and set up images into the background of divs every cotten-picken time you post a photo. This would mean an edit to the stylesheet just to post a photo–absurd!

About the second line of text thing… I assume you want a sub-heading? Then an <h2> would be in order. Style the headings (h1-h6) any way you’d like and you’re good to go.

Hope this helps.

–Dave K.