jojo0507

Hi !
I am trying out your advice, but no luck so far – it’s going slowly.

The problem for me is probably that I am so new to .php. and even HTML…

As soon as I have tried this to the best of my ability I’ll post back to say how it went!
JO

please ignore the illustration in the previous post, it got corrupted while posting. Will teach me to preview before posting. Hope the post is comprehensible despite that.

Hi!
Thanks for explaining. I am new this type of programming…
I am definitely getting the right URL now. THanks.

But please can you help a bit more?
I can’t achieve something quite straightforward and it is driving me nuts.

I’ll try to explain.
Default way for the Next / Previous post layout seems to be something like this:

Previous post:
<<My Day at Work (with this being the hyperlink.)

I have set up the header like table, to get everything to appear just where I want it. That’s working fine.

The layout of the left side is like this:

————————————————
| | Previous Post:
| <img> |—————————————
| | Excting Day (a clickable url) ————————————————

All is working fine, except, I cannot get the <img> to be simply a clickable arrow!

I have a pretty arrow picture called ‘left.gif’.

I CAN get the arrow to display, either from the php file, or by making it a background image in the table cell.

But I cannot find a way to hide the url text, and make the image clickable, to take the user to the previous page by clicking on that image.

Is this possible, and how would you achieve it?
Jo

SOLUTION:
If you want to FORMAT A TITLE, USING A TABLE, here is what to do:

In the .php page for that section (for example in page.php or index.php) create the table as follows:

<div class=”styling_table”> <table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”96%”>
<tr>
<td class=”page_leftheader”> </td>
<td><?php the_title(); ?> </td>
<td class=”page_rightheader”> </td>
</tr>
</table>
</div>

The trick is; do not try to insert pictures or do any styling using HTML syntax in the .php file. I could not get that to work… Instead, declare a CLASS and then format that class in style.css, like this:

.styling_table {
font-size: 24pt;
font-variant:small-caps;
text-align:center;
}
.page_leftheader{
background-image:url(“images/post_header_left.gif”);
background-repeat:no-repeat;
width:1em;
}

.page_rightheader{
background-image:url(“images/post_header_right.gif”);
background-repeat:no-repeat;
width:1em;
}

Check the result if you are interested on https://www.vikingprincess.net/?page_id=2

Hi!
Thanks for responding. I tried the slash as well. I only changed to the dot because I found some syntax examples where that was used… So that’s not it.. ??

Hi ! Thanks both for the advice!
I just realised now that you had responded.

I actually got as far with this as connecting up to the site and to the database.

So I can work on the ‘live’ version of the files, save straight to the server (in California, whereas I am in London!)

But I can’t SEE the graphical layout until I have saved the file and view the site through a browser.

So I am reasonably happy. I posted the solution to this problem on WordPress, to save others the time that it took me to figure out the steps.
All the best
Jo

Oh, one more thing, the previous poster who said he got no errors – well he was using ie SEVEN!
That is VERY different from IE six and not officially released yet. It is in IE 6 that all these problems exist. Irritating to know that most of the problems will be gone in about a year when the majority have upgraded their browser. IE 7 behaves a lot more like Firefox. (CSS current standards compliant)

I have been developing a new theme too, and experienced the same problem (www.vikingprincess.net).

I know programming, but not web development.
I was APPALLED at how full of bugs IE6 is! It is beyond anything I have ever come across in terms of commercial software.

Developing in CSS HTML WP wasn’t really the problem – working with IE6 was!

There are some so called IE hacks which lets you solve width and resizing related IE problems (bugs!). Search forums etc.

The other thing you can do is to stick to the smallest common denominator – i.e. avoid anything that breaks IE and go for ‘simplified’ solutions. This is what I ended up doing. My site is not finished, but there are already many features that are coded in clumsy way, since IE can nbot handled the stylish way of doing it.

On your site incidentally, the banner is nicer in IE than in FF actually! The sizing is better, I think.
All the best
Johanna

doodlebee you are a genius!
Thanks for saving my blog (vikingprincess.net – currently under constuction)

IE6 was driving me crazy… Nothing was looking the same as in FF/Moz/Opera. I haven’t been a programmer for years and had forgotten how crazy MS software can be to work with. I haven’t done CSS (or even really HTML) before, so I am learning as I go along…It doesn’t help that IE is doing its own thing – I keep thinking it’s me making mistakes.

For the record: I tried 3 other suggested IE ‘hacks’ from elsewhere on the web. Yours was the only really good one for creating a dynamic (e.g. completely resizable) 3 column theme.
Thanks again! x

JO