CSS Issue

[Super Noodles]

Hi,

Sorry if this is in the incorrect section, anyway I have a CSS issue that I can't figure out myself, in my .navmenu of my CSS file I have altered it to make the following show like so:

http://shareyourimages.org/images/w19k5kdi8blq3sehrx97.jpg [Edit GauGau] Replaced hotlinked image with attachment [/Edit]

As you can see I have changed it to show a box around each page number so it looks a bit better than what it was. But looking at an image on the immediate page, this shows up:

http://shareyourimages.org/images/5a3yq540mpemc4np4kc1.jpg [Edit GauGau] Replaced hotlinked image with attachment [/Edit]

Obviously these two parts of the theme have the same CSS. I want to make the boxes dissapear off the section in shot2, do I make a new CSS class for the section in shot2? If so how do I make the section in shot2 show differently? I obviously need to change some part of the code.

Any help would be great and I hope its clear

[Nibbler]

Copy the template for the tabs from the sample theme to your own theme.php and change the class name. Then apply your changes only to the new class name.

Code Select Expand


// Template used for tabbed display
$template_tab_display = array('left_text' => '<td width="100%%" align="left" valign="middle" class="tableh1_compact" style="white-space: nowrap"><b>{LEFT_TEXT}</b></td>' . "\n",
    'tab_header' => '',
    'tab_trailer' => '',
    'active_tab' => '<td><img src="images/spacer.gif" width="1" height="1" alt="" /></td>' . "\n" . '<td align="center" valign="middle" class="tableb_compact"><b>%d</b></td>',
    'inactive_tab' => '<td><img src="images/spacer.gif" width="1" height="1" alt="" /></td>' . "\n" . '<td align="center" valign="middle" class="navmenu"><a href="{LINK}"><b>%d</b></a></td>' . "\n",
    'inactive_prev_tab' => '<td><img src="images/spacer.gif" width="1" height="1" alt="" /></td>' . "\n" . '<td align="center" valign="middle" class="navmenu"><a href="{LINK}"><b>{PREV}</b></a></td>' . "\n",
    'inactive_next_tab' => '<td><img src="images/spacer.gif" width="1" height="1" alt="" /></td>' . "\n" . '<td align="center" valign="middle" class="navmenu"><a href="{LINK}"><b>{NEXT}</b></a></td>' . "\n",
);