Invision Power Services

Full Version: OMG...

Invision Power Services > Community Forums > Community General Chat

Luke

Sep 18 2005, 03:41 AM

Well I tried converting my style sheets to 2.1 and they just dont work. Ive tried starting from scratch but they just dont work right. One of the biggest parts of my skin is the subtitle cannot tile and match at any point on the graphic. It has to connect from left to right, etc... So what I did was took out the graphic out of <th> and put class="subtitle" in the <tr> tags where <th>'s were in the whole skin. What was supposed to happen is the image would tile from left to right across the table without trouble and it does this in firefox. The problem is in IE it starts it over at the start of each column like it was for the standard th. At this point im clueless what to do...

EDIT: To make sense of this, here's a screen shot Click to view attachment

This is about what I have:

CODE

<tr class="submenu">
<th>one</th>
<th>two</th>
<th>three</th>
<th>four</th>
</tr>

CODE

.subtitle,
.subtitlediv,
.postlinksbar{
    background-image: url(2/tile_sub.gif);
}

table th,
.borderwrap table th
{
    background-color: transparent;
    border-bottom: 1px solid #5176B5;
    color: #3A4F6C;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px;
}

Jhorra

Sep 18 2005, 02:10 PM

You shouldn't put tags in the tr, they go in the td.

Antony

Sep 18 2005, 02:13 PM

QUOTE(Jhorra @ Sep 18 2005, 03:10 PM)

You shouldn't put tags in the tr tag, they go in the td tags.

What he means is that he doesn't want the image to start again.

Cy, I think thats how IE renders it. It might be the case that td's inherit from tr's so you'd just need to make the background transparent.

Jhorra

Sep 18 2005, 03:16 PM

I'm pretty sure td's don't inherit from tr's.

I don't think you can do this:

borderwrap table th

Luke

Sep 18 2005, 03:35 PM

QUOTE(Jhorra @ Sep 18 2005, 08:16 AM)

I'm pretty sure td's don't inherit from tr's.

I don't think you can do this:

borderwrap table th

They arnt supposed to, but unfortuantly in IE they do.

I found another solution. I went through and removed all my <tr class="subtitle"> lines and where class='ipbtable' was in a <table> tag above that I put class='mytable ipbtable' and it works perfectly in both IE and FireFox because the th's are always the first row in the templates (yay!). And .mytable looks like this:

CODE

.mytable{
background-image: url(2/tile_sub.gif);
background-repeat: repeat-x;
}

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.