Header "how to"?

mrmax · Post by **mrmax** » Sun 27. Feb 2005, 23:36

YANB (yes another newbie) here

Ok I'm totally new to this stuff.
I don't understand how to create a simple header like this.
------ trying to insert in Template Header Block ---------
<td width="130" height="100" valign="top"><img src="myIMAGE.gif" width="129" height="98"></td>
<td width="100%" valign="middle"><div align="center"><font size="5"><strong>Welcome To My Site</strong></font></div></td>
---------------------------------------------------------
The problem is the Template header block is one Cell. The above creates cell the right of the header block inside the table.
I can get the image center left, but the text will be at bottom left and not center.

I know I can make the header an image of what I want... But that isn't how I want to do this. Especially since every block in the wcms template screen is a cell. So I need to learn how to work around this.

I know this is basic stuff.
I need to know how to create new cells in the block via the template, or if not in template how to just do it?

Here is example of what I want EXAMPLE

Thanks for any help
YANB

Pappnase · Post by **Pappnase** » Mon 28. Feb 2005, 01:01

hello

maybe read this
http://www.phpwcms.de/forum/viewtopic.php?t=2776

mrmax · Post by **mrmax** » Mon 28. Feb 2005, 01:34

I did read that vg "how to". That helped me a lot.

I have figured out that I needed a Image place holder tag.

BUT that doesn't answer how to divide up blocks that are already a single cell into more cells.

It seems there needs to be a another editor besides template that allows you to configure the table blocks, and divide a block into multiple cells.

Again...... how do I use existing tools to divid up say the main block into multiple cells?

darkknight · Post by **darkknight** » Mon 28. Feb 2005, 01:59

When you are creating your articles within the blocks, use the 'html' content part. Here you code in whatever you want in the way of subcells or sub blocks using html. then add the texxt or image content as you see fit.

I assume that you could do the same using one of thw wysisyg editors by switching to html mode. However, I am not sure as I have never them - never enough control for me.

mrmax · Post by **mrmax** » Mon 28. Feb 2005, 06:20

Thanks for the reply Darkknight.
But if you look at my original post. I did exactly that.
Look at the html that I tried, those are html cell tags and I was using edit for HTML. The result was the wcms header block cell shifted the blue background setup in layout about half way to the left and squeezed in my two cells for the image and text.

I can see that PHPWCMS is very powerful, but english documentation is really sparse, are too vague. I read through a lot of online docs and d/l the english backend docs. Most of what is covered is obvious, but simple things that require explanation are missing.

For example:
How to get multiple articles to display "all content" on main (home) page?
There are other things I'm going to start another thread on these.

I know its my in-experience, this is my 1st php cms program.

brans · Post by **brans** » Mon 28. Feb 2005, 07:43

I would recommend the following:

Code: Select all

<div id="yourheader">Yourtext</div>

then go to your backend, open the Default Css and add the following:

Code: Select all

#yourheader {

}

where you add the following values inbetween the brackets:

Set abackground-color first. After having set this background-color, you add a background-image, which you will have to align correctly and make sure, it only shows once.

Now your text will certainly not show in a manner you wanted it to, but the solution is to either set padding-left or text-indent.

its too easy, isn't it ?

mrmax · Post by **mrmax** » Mon 28. Feb 2005, 11:15

Thanks Brans for your input...... I will play with your suggestion:

Here is what I used and it works, plus it is simple

<div>{IMAGE_LEFT:../../images/mylogo.jpg}<br><br><br>
<center><font color="FFFF98" size="5" face="Arial"><strong>
Welcome To MYSITEk</strong></font></center></div>

brans · Post by **brans** » Mon 28. Feb 2005, 19:49

aaaaahhh this looks horrible to a friend of "ordered styling" like I am.

please give the solution, that I provided to you, a try. Its worth it, because you can use the technique in many future situations, for sure, these are basics.

Kulinarisk · Post by **Kulinarisk** » Tue 1. Mar 2005, 00:08

brans wrote:aaaaahhh this looks horrible to a friend of "ordered styling" like I am.

Brans is right!
The beauty of CSS is that you separate content from style.

darkknight · Post by **darkknight** » Thu 3. Mar 2005, 19:54

Hi mrmax

Take a look here - http://www.mikada.ca/index.php

Is this something like what you are trying to do? This is a site under development so things ae likely to change.