Page 1 of 1

How do I add this image formatted to fit this chat script

Posted: Wed Dec 12, 2007 8:19 pm
by bragoo
feyd | Please use

Code: Select all

,

Code: Select all

and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:  [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]


Greetings, I am in need of your expertise.

I just installed a free chat script form http://www.phpfreechat.net

After installing and getting script to work, I now wish to add a header picture 
at the top, but I can't figure out the formatting.

Can you please help me?

The link to the script:

http://www.jasonmangrum.com/mastermindchat/

Can anyone help me, this is what I have so far:

Code: Select all

<?php

require_once dirname(__FILE__)."/src/phpfreechat.class.php";
$params = array();
$params["title"] = "MasterMind Chat";
$params["nick"] = "";  // setup the intitial nickname
$params["isadmin"] = true; // just for debug 
$params["serverid"] = md5(__FILE__); // calculate a unique id for this chat
$params["refresh_delay"] = 2000; // 2000ms = 2s
//$params["debug"] = true;
$chat = new phpFreeChat( $params );

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Welcome - Masters</title>
  <link rel="stylesheet" title="classic" type="text/css" href="style/header.css" />
 </head>
 <body>

<div class="header">
      <h1>MasterMind - Chat </h1>
      <img alt="Master Mind Chat" src="http://www.jasonmangrum.com/wp-content/header/header-1.jpg" class="logo2" />
</div>

<div class="content">
  <?php $chat->printChat(); ?>
</div>

</body>
</html>

feyd | Please use

Code: Select all

,

Code: Select all

and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:  [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]

Posted: Wed Dec 12, 2007 8:21 pm
by John Cartwright
What exactly is your question?

Posted: Wed Dec 12, 2007 8:33 pm
by bragoo
I want to understand what I can do to align the image above the output?

Posted: Wed Dec 12, 2007 8:48 pm
by John Cartwright
Your going to need to be more specific than that. You want your header image to appear above what exactly?

Posted: Thu Dec 13, 2007 6:47 am
by s.dot
For alignment (which is HTML (client side)), there are a number of tools available to you.

In HTML, the center (deprecated) tag and align attribute of other tags.

For example.

Code: Select all

<center><img></center>

Code: Select all

<img align="left"> .... <img align="center"> ... <img align="right">
Then there's css.

Code: Select all

text-align: center;
text-align: left;
text-align: right;
vertical-align: center;
vertical-align: top;
vertical-align: bottom;
Then there's css relative positioning, and absolute positioning.

Code: Select all

position: relative;
top: 100px; left: 50px;

position: absolute;
top: 100px; left: 50px;
You can align anything anywhere you want it. :)