Page 1 of 1

input tags need borders..

Posted: Mon Sep 03, 2007 1:15 am
by sking
Script URL: http://www.solutions-web-hosting.com/support
Version of script: .94
Hosting company: mine
URL of phpinfo.php:
URL of session_test.php:
What terms did you try when SEARCHING for a solution: css

Write your message below:

I have completed the integration of this with my hosting company template. I'd like the input tags to have a border around them.

You can see mine don't. I know this is css, but I'm not quite sure how to make this change.

If you see there, right in the middle is a field for the ticket id and it would look better, as would all the fields in the ticket itself with borders.

Thanks.

Posted: Mon Sep 03, 2007 5:25 am
by rbbigdog
I'm not sure if I know exactly what you are looking for in regards to the borders, but I think Klemen might already have this built-in for you.

Open the Index.php file and look for:

<table border="0">

You'll find a few of them, but look for the ones right after his section headings:

<!-- Contact info -->
<!-- Department and priority -->
<!-- ticket info -->

Increasing this number will increase the size of the table border around each of those sections (you can add color to the table border too). You can also remove the lines in between each section by deleting the <hr> tags or by changing size from 1 to 0 in the CSS file (those extra lines might be too much if you end up putting borders around each section).

I'm personally not a fan of borders (I like the cleaner look). Based on your website, you might want to remove the borders (or at least the top broder) from within the CSS file. In my opinion, the top of the ticket would look better without the line going across (since there is a rounded cap there).

That would be here in the hesk_style.css file:

table.enclosing {
color : black;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
BORDER-RIGHT: #23559C 1px solid;
BORDER-LEFT: #23559C 1px solid;
BORDER-TOP: #23559C 1px solid;
BORDER-BOTTOM: #23559C 1px solid;
}

Just change the 1px to 0px (that way you can easily go back if you don't like the look).

Hope this helps a little!

RB