Need help with making Hesk fit into our website

Aviac · Post by **Aviac** » Wed Jun 25, 2008 1:27 am

Script URL: www.aviac.com/contact/
Version of script: 94.1 (the new most recent)

Write your message below:

As you can see from www.aviac.com/contact/

The headers are displaced and I believe it is because of the width of the table etc. Can some tell me what I need to amend and update to make sure that this fits my website properly.

Thanks in advance
Amit
Aviac

Aviac · Post by **Aviac** » Wed Jun 25, 2008 8:57 pm

Is there no one who can help and suggest why my headers are distorted?

Post by **Klemen** » Fri Jun 27, 2008 5:14 pm

From what I see your HTML code is a bit messed up, for example you have two opening <html> tags, two <head>'s and two <body> tags. Instead of using the existing layout (with limited width and height) I suggest that you make a simple header and footer for your support script and valid HTML code (in the footer/header don't paste anything before (including) <body> and after </body>).

Maybe if you just use a simple header (the images you have) and footer with no left menu and no width/height restrictions it would look and work better.

Aviac · Post by **Aviac** » Tue Jul 01, 2008 12:37 am

Hi - I got some help from some one else and got it sorted.

However, I do not know how or what I need to amend to get the admin section colours changed. Any ideas??

This is because the current Admin section where it says Status, Find a ticket etc... is a table all coloured blue? I would like this all white and blended in.

Thanks [/img]

DC · Post by DC » Wed Jul 02, 2008 4:41 am

In case you missed my other posts on this forum this may help to know.

There are many places in the script that have a hard coded width that can and will blow a layout thats smaller, some snags I found allong the way while I was re-coding sections to do what i wanted was the fact that there are hr rules that are also set at a width that was to large for my custom layout ...

So if you have not made sure that all hardcoded widths found throghout the script are not changed you will have problems layout wise other then that Klems script pretty much rocks ...

I have modified the script from soup to nuts from look to how its backend works and I can say skys the limit on integrating this into a site but for very tight integration it will take work I see you have the one part fitting into the layout but be sure to check as I said all the scripts for hard coded widths.

As far as colors you should be able to find this in the css style sheet
hesk_style.css I forget if I also had to make other changes in the script it self as i have this so modified and made somany changes across the script
im not sure but best place to strt would be the style sheet ...

Example of my fully integrated modified admin ...
http://img254.imageshack.us/img254/2710/modadminhn3.gif

DC

Goran · Post by **Goran** » Wed Jul 09, 2008 7:47 pm

I ran your source code and found several errors.

Aside from the dual head, and body tags, there are missing closing tags for rows and tables.

The easiest solution to your problem is to add a small spacing gif that is 20 pixels wide to the table row just above the footer. Currently there is a non-breaking space in that table cell. It's not enough to force a specific width and that is why the bottom of your page shifts to the left.

Got any other questions, feel free to ask.

Change this:

Code: Select all


<table border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse' bordercolor='#111111' width='100%' height='180' id='AutoNumber1'>
    <tr>
<-----Change this Cell ----->
      <td width='18' height='180' bgcolor='#000000' rowspan='2'>&nbsp;</td>
      <td width='881' height='185'>
      <img border='0' src='../images/theme-5.gif' width='110' height='190'><img border='0' src='../images/theme-6.gif' width='30' height='190'></td>
    </tr>
    <tr>
      <td width='881' height='5' bgcolor='#000000'><p align='center' style='margin-top: 4; margin-bottom: 4'><FONT 
      face=Verdana color=#ffffff size=1>Copyright 2008 aviac.com All rights 
      reserved. <A class=disclaimer href='http://www.aviac.com/terms.php'>Terms 
      and Conditions</A>  <FONT face=Verdana color=#ffffff size=1><A class=admin href='http://www.aviac.com/contact/admin_main.php'>admin</FONT></td>
    </tr>
  </table>

To this:

Code: Select all


<table border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse' bordercolor='#111111' width='100%' height='180' id='AutoNumber1'>
    <tr>
<-----Change this Cell ----->
      <td width='18' height='180' bgcolor='#000000' rowspan='2'><img border='0' src='../images/My_clear_spacer.gif' width='20' height='1'></td>
      <td width='881' height='185'>
      <img border='0' src='../images/theme-5.gif' width='110' height='190'><img border='0' src='../images/theme-6.gif' width='30' height='190'></td>
    </tr>
    <tr>
      <td width='881' height='5' bgcolor='#000000'><p align='center' style='margin-top: 4; margin-bottom: 4'><FONT 
      face=Verdana color=#ffffff size=1>Copyright 2008 aviac.com All rights 
      reserved. <A class=disclaimer href='http://www.aviac.com/terms.php'>Terms 
      and Conditions</A>  <FONT face=Verdana color=#ffffff size=1><A class=admin href='http://www.aviac.com/contact/admin_main.php'>admin</FONT></td>
    </tr>
  </table>

[/code]

PHPJunkyard support forum

Need help with making Hesk fit into our website

Need help with making Hesk fit into our website

Code Help