• Registered: 2006-11-09
  • Posts: 16

Topic: Getting rid of border in header

Is it possible to get rid of the table borders in the header, where the logo is? How?

  • Registered: 2006-11-09
  • Posts: 16

Re: Getting rid of border in header

No replies. So not possible then?

  • Utchin
  • PunBB senior member
  • Offline
  • Registered: 2007-02-09
  • Posts: 760

Re: Getting rid of border in header

You can use CSS on the table itself to remove the border. But it helps if we have a site of what you are trying to do. You need to give more detialed questions.

Show us what borders you want removing, and a live site?

Sorry. Unactive due to personal life.
  • Registered: 2006-11-09
  • Posts: 16

Re: Getting rid of border in header

I want removed the borders that surrounds the top header, such as that in this forum:

"PunBB Forums
Unfortunately no one can be told what PunBB is - you have to see it for yourself."

Exactly where do I modify with the css code?

5 Reply by DaveM

  • Registered: 2008-03-06
  • Posts: 11

Re: Getting rid of border in header

The 2 elements you mention don't have borders.  A quick check with the web developer add-on for FireFox shows that the title and description are controlled by the #brd-title and #brd-desc style IDs and look like this in the style sheet.

/* Board Title and Description
-------------------------------------------------------------*/
    
#brd-title {
    padding: 1.3em 1.3em 0.3em 1.3em;
    white-space: nowrap;
    }
#brd-title p {
    font-size: 1.5em;
    }    
    
#brd-title a:link, #brd-title a:visited {
    text-decoration: none;
    }
    
#brd-desc {
    padding: 0 1.3em 1em 1.3em;
    }
  • Registered: 2006-11-09
  • Posts: 16

Re: Getting rid of border in header

Thanks Dave, but there are still some issues. I send you a PM.

  • Registered: 2006-11-09
  • Posts: 16

Re: Getting rid of border in header

I guess I should follow this up in case someone else has the same problem.

Dave kindly advised me privately but I found out finally that the best solution is to simply remove "brdtitle" in include/template/main.tpl and add the following html code in header.php (right after <link rel="stylesheet" [...]):

<div style="padding-top: 11px; padding-left: 209px; padding-bottom: 10px; text-align: left;"><IMG SRC="[URL to image]"></div>

(here the padding feature let me adjust exactly so that the image has the exact position as on the remaining part of the site)