If you visit my site:

http://mypetdonkey.com/

You can see that under the main nav bar at the top there is a white line? When I designed the plain HTML layout the line wasn't there, but since theming it into Drupal it has suddenly appeared?!

I've tried quite a lot of things to get rid of it but I can' t think of anymore ideas so I was wondering if anyone had any ideas what it could possibly be?

I didn't see any reason for it in the source of the page and the layout works fine before theming so I'm stumped! Any ideas would be great!

Comments

nevets’s picture

In your page.tpl.php you have

<table width="610" cellspacing="10" border="0">
<tbody>

Change the table so it has an id, something like this

<table id="main-content" width="610" cellspacing="10" border="0">
<tbody>

Then in style.css add

#main-content tbody {
  border-top: 0px none #CCCCCC;
}

Note: I fixed the typo of 'is' for 'id' pointed out in the comment below.

Tusk-1’s picture

Hmm I tried that and I still get the same problem - check the site/source again if you like?

I'm not sure what u mean by

, I just assumed that meant the general body of the table so I simply updated the table bracked to include an id and added:

.main-content {
border-top: 0px none #CCCCCC;
}

to the CSS?

zeta ζ’s picture

this is produced by

tbody {
  border-top: 1px ...;
}

in system.css. Try adding something like;

table tbody {
  border-top: 0px none;
}

in your theme style.css file
Added: Sorry, didn’t see previous posts.

zeta ζ’s picture

.main-content {
is not the same as:
#main-content tbody {

Former selects any tag with class="main-content".
Latter selects a tbody tag, that is a descendant of any tag with id="main-content".

Tusk-1’s picture

Ahh ok, I get what you guys meant now! Sorted.

Thanks very much!