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

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
bragoo
Forum Newbie
Posts: 2
Joined: Wed Dec 12, 2007 8:12 pm

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

Post 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]
User avatar
John Cartwright
Site Admin
Posts: 11470
Joined: Tue Dec 23, 2003 2:10 am
Location: Toronto
Contact:

Post by John Cartwright »

What exactly is your question?
bragoo
Forum Newbie
Posts: 2
Joined: Wed Dec 12, 2007 8:12 pm

Post by bragoo »

I want to understand what I can do to align the image above the output?
User avatar
John Cartwright
Site Admin
Posts: 11470
Joined: Tue Dec 23, 2003 2:10 am
Location: Toronto
Contact:

Post by John Cartwright »

Your going to need to be more specific than that. You want your header image to appear above what exactly?
User avatar
s.dot
Tranquility In Moderation
Posts: 5001
Joined: Sun Feb 06, 2005 7:18 pm
Location: Indiana

Post 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. :)
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
Post Reply