jonsteward Posted March 3, 2003 Share Posted March 3, 2003 I have nearly completed my site now just got one or two little things too sort out. On the header bar on the top of my page I have changed the color of the breadcrumbs and the links on the right hand side using my stylesheet the only problem is the ? and | are still the same color how can I add these to my style sheet. Cheers Link to comment Share on other sites More sharing options...
Guest Posted March 3, 2003 Share Posted March 3, 2003 You can usually find out what class something is by opening your page in your browser and then view the source. Find the class that is closest to the area you want to change and start there on your stylesheet. Also, there is a pretty good guide to the style sheet at http://guide.oscdox.com Link to comment Share on other sites More sharing options...
jonsteward Posted March 4, 2003 Author Share Posted March 4, 2003 I know what the class is I just don't know how to apply it the links are defined as <a href="https://ssllocked.net/~apspree/create_account.php" class="headerNavigation"> but the | and ? symbols are not in the link so how can I include this in to a class without ruining my layout. Link to comment Share on other sites More sharing options...
Guest Posted March 4, 2003 Share Posted March 4, 2003 <table border="0" width="100%" cellspacing="0" cellpadding="1"> <tr class="headerNavigation"> <td class="headerNavigation"> <?php echo $breadcrumb->trail(' » '); ?></td> <td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a> | <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> | <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> | <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a> </td> </tr> </table> Add the class headerNavigation to the table in header.php and add: TABLE.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold; } to your stylesheet.....Matching your style and colors, of course. Link to comment Share on other sites More sharing options...
jonsteward Posted March 5, 2003 Author Share Posted March 5, 2003 I can't seem to get that to work. This is my table in header.php: <table class="headerNavigation" border="0" bordercolor="#000000" width="100%" cellspacing="0" cellpadding="0"> <tr class="headerNavigation"> <td><?php echo tep_image(DIR_WS_IMAGES . 'header_left_right_spacer.gif'); ?></td> <td class="headerNavigation" height="19"> <?php echo $breadcrumb->trail(' » '); ?></td> <td align="right" class="headerNavigation" height="19"> <?php if (tep_session_is_registered('customer_id')) { ?> <a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a> | <?php } ?> <a href="<?php echo tep_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CREATE_ACCOUNT; ?></a><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> | <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> | <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_PAYMENT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a> </td> <td><?php echo tep_image(DIR_WS_IMAGES . 'header_left_right_spacer.gif'); ?></td> </tr> </table> and this is my stylesheet.css: TABLE.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #23C1E0; color: #ffffff; font-weight : bold; } TR.headerNavigation { background: #000000; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #23C1E0; color: #ffffff; font-weight : bold; } http://www.nrgreen.com Link to comment Share on other sites More sharing options...
mugitty Posted March 5, 2003 Share Posted March 5, 2003 Jonathan; Based on what you posted, you want that text and the separators to be white, correct? Have you cleared your browser cache and refreshed since the last change that you made? ... if you want to REALLY see something that doesn't set up right out of the box without some tweaking, try being a Foster Parent! Link to comment Share on other sites More sharing options...
jonsteward Posted March 5, 2003 Author Share Posted March 5, 2003 yeah I've cleared my cache but still the seperators are showing up the wrong color. To see what I mean visit http://www.nrgreen.com Link to comment Share on other sites More sharing options...
Guest Posted March 5, 2003 Share Posted March 5, 2003 Looks like it worked to me........the>>> and | are white. You do have one little problem...create account and my account need a couple os spces and a | between them. :D Link to comment Share on other sites More sharing options...
mugitty Posted March 5, 2003 Share Posted March 5, 2003 The separators are white, which is what the code you posted should yield: TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #23C1E0; color: #ffffff; font-weight : bold; ... if you want to REALLY see something that doesn't set up right out of the box without some tweaking, try being a Foster Parent! Link to comment Share on other sites More sharing options...
jonsteward Posted March 5, 2003 Author Share Posted March 5, 2003 thanx. Must be lack of sleep :oops: Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.