Styling text links

I have text links in different sections of page that I want
to look different from each other.
I have done this many times and when I get one set the
correct look the other does not.
I have created a number of divs over time to create this
andnow I think I can't get it because I need to get rid of these
divs and start all over in getting this right.
Can someone please help me in deleting the divs that I
created to style the links?
I don't want to erase something in error.
Is it the external style sheet that you need to look at?

If you want to style these links and clean up the code -
<div id="nnn">
<table width="574" height="50" align="center"
cellpadding="5">
<tr class="nnn">
<td width="67" height="50"><div
align="center"><a
href="../index.html">home</a></div></td>
<td width="77"><div align="center"><a
href="obamabag.html">bags</a></div></td>
<td width="106"><div align="center"><a
href="../forum.html">blog-forum</a></div></td>
<td width="102"><div align="center"><a
href="../questions.html">questions</a></div></td>
<td width="158"><div align="center">view
shopping cart</div></td>
</tr>
then replace that with this -
<div id="nnn">
<table cellspacing="0" cellpadding="5">
<tr>
<td width="67"><a
href="../index.html">home</a></td>
<td width="77"><a
href="obamabag.html">bags</a></td>
<td width="106"><a
href="../forum.html">blog-forum</a></td>
<td width="102"><a
href="../questions.html">questions</a></td>
<td width="158"><a href="../cart.html">view
shopping cart</a></td>
</tr>
and add this to your CSS -
div#nnn table { width:574px;margin:0 auto; border:none; }
div#nnn td { text-align:center; }
div#nnn a { color:#666; }
div#nnn a:hover { color:#CCC; }
If I have guessed wrong, let me know.
Adding classes directly to the links or to the link
containers is a very
inefficient way to go, e.g.,
<p class="style6"> </p>
<p class="style6"> </p>
<p class="style6"> </p>
<p class="style6"> </p>
<p class="style6"> </p>
<p class="style6"> </p>
or as Burman suggested -
<a href=".." class="firstLink" title="...">this is the
first link</a>
<a href=".." class="scdLink" title="...">this is the
second link</a>
<a href=".." class="thrdLink" title="...">this is the
third link</a>
This latter suggestion would only make good sense if you
needed to
specifically style link a.scdLink (as opposed to
a.firstLink), which you
might want to do if you are using page-specific 'you are
here' link styles.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"jody25" <[email protected]> wrote in
message
news:[email protected]...
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml"><!--
InstanceBegin
> template="/Templates/template.dwt"
codeOutsideHTMLIsLocked="false" -->
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
> <!-- InstanceBeginEditable name="doctitle" -->
> <title>bags that speak-obama bag</title>
> <!-- InstanceEndEditable -->
> <style type="text/css">
> <!--
> body {
> background-color: #000000;
> color: #FFFFFF;
> font-family: Geneva, Arial, Helvetica, sans-serif;
> }
> -->
> </style>
> <link href="../untitled.css" rel="stylesheet"
type="text/css" />
> <!-- InstanceBeginEditable name="head" -->
> <style type="text/css">
> <!--
> .style6 { color: #666666
> }
> a:link {
> color: #666666;
> }
> .style9 {font-size: 14px}
> -->
> </style>
> <!-- InstanceEndEditable -->
> </head>
>
> <body>
> <div id="wrapper">
> <div id="banner">bags that speak</div>
> <div id="nnn">
> <table width="574" height="50" align="center"
cellpadding="5">
> <tr class="nnn">
> <td width="67" height="50"><div
align="center"><a
>
href="../index.html">home</a></div></td>
> <td width="77"><div align="center"><a
>
href="obamabag.html">bags</a></div></td>
> <td width="106"><div align="center"><a
>
href="../forum.html">blog-forum</a></div></td>
> <td width="102"><div align="center"><a
>
href="../questions.html">questions</a></div></td>
> <td width="158"><div align="center">view
shopping cart</div></td>
> </tr>
> </table>
> </div>
> <div id="content">
> <table width="800" height="500" align="center"
cellpadding="5"
> id="nnn">
> <tr align="left" valign="top">
> <td width="400" align="right"
valign="middle"><!--
> InstanceBeginEditable name="image"
--> <!--
> InstanceEndEditable --></td>
> <td width="400" nowrap="nowrap" id="info"><!--
> InstanceBeginEditable
> name="content" -->
> <h2><span class="style3">Obama
Bag</span></h2>
> <p class="style6"> </p>
> <p class="style6"> </p>
> <p class="style6"> </p>
> <p class="style6"> </p>
> <p class="style6"> </p>
> <p class="style6"> </p>
> <table width="363" cellspacing="10"
cellpadding="10">
> <tr>
> <td width="145"><span class="style9"
id="content">view
> previous
> bags</span></td>
> <td width="146"><a
href="barackbag.html">view additional
> bags</a></td>
> </tr>
> </table>
> <p class="style3"><form target="paypal"
> action="https://www.paypal.com/cgi-bin/webscr"
method="post">
> <input type="hidden" name="cmd" value="_s-xclick">
> <input type="hidden" name="hosted_button_id"
value="2884242">
> <input type="image"
> src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif"
> border="0" name="submit" alt="">
> <img alt="" border="0"
src="https://www.paypal.com/en_US/i/scr/pixel.gif"
> width="1" height="1">
> </form>
>  </p>
> <p class="style2"> </p>
> <p class="style2"> </p>
> <p class="style2"> </p>
> <p class="style2"> </p>
> <p class="style2"> </p>
> <!-- InstanceEndEditable --></td>
> </tr>
> </table>
> </div>
> </div>
> </body>
> <!-- InstanceEnd --></html>
>
>
>

Similar Messages

  • How to remove underlining on text links in Muse...

    Hi,
    Anyone know how to remove the annoying underlining of text links in Muse. I have of course, styled my link to have no underline - which in Muse works, but doesn't once online.
    Even better - does anyone know how to create a hover style via Muse? I used to do it via Dreamweaver no problem - but haven't had any luck with Muse so far.
    And is it possible to style 2 text links within a sentence? It only seems to be able to style the whole sentence rather than the just the links
    If anyone out there can help?
    Laura

    Not to worry - worked it out!
    For anyone who doesn't know, go to File/Site Properties and click on the Text tab. Its all there!

  • Text link + active selectable area enlargement

    Hi
    I work only in DW and have no code experience at all/ I also do everything by visual
    I have a button
    <table width="291" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="200" height="40" bgcolor="#009966" class="button_example"><a href="#ind">button</a></td>
      </tr>
    </table>
    I would like to make the whole area 200 x 40 selectable and not just the text >button<
    Is this possible in CS4 DW

    Good afternoon All
    I wonder if you could help me.
    I am currently trying to centre pages and get my fireworks/spry website menu to work.
    On some of the pages the menus work and can be seen above the content however, on other pages, the content isn't centred, nor do the menu's work.
    When I created the templates for the website, I used the basic version supplied with the software that was supposed to centre the pages.
    Below are code examples:
    DOESN'T WORK
    <%@LANGUAGE="JAVASCRIPT
    " CODEPAGE="65001"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/advertising_privacy.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Viva Fashion.co.uk's Advertising Rates</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <style type="text/css">
    <!--
    @import url("../menu_viva_fashion_site/viva_fashion_menu.css");
    @import url("../menu_useful_health_contacts/useful_health_and_beauty_contacts.css");
    body {
         margin: 0;/* center layout */
         padding: 0;
         color: #FFF;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 100%;
         line-height: 1.4;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
         padding: 0;
         margin: 0;
    h1, h2, h3, h4, h5, h6, p {
         margin-top: 0;      /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
         padding-right: 15px;
         padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
         border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
         color: #999999;
         text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
         color: #FF0099;
         text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
         text-decoration: none;
    /* ~~ this fixed width container surrounds the other divs ~~ */
    .container {
         width: 1100px;
         background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
         background: #FFF;
    /* ~~ This is the layout information. ~~
    1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    .content {
         padding: 10px 0;
    /* ~~ The footer ~~ */
    .footer {
         padding: 10px 0;
         background: #CCC49F;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
         float: right;
         margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
         float: left;
         margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
         clear:both;
         height:0;
         font-size: 1px;
         line-height: 0px;
    #apDiv1 {
         position:absolute;
         left:1px;
         top:2px;
         width:744px;
         height:80px;
         z-index:1;
    #apDiv2 {
         position:absolute;
         left:4px;
         top:85px;
         width:1100px;
         height:25px;
         z-index:2;
         background-color: #CCCCCC;
    #apDiv3 {
         position:absolute;
         left:1px;
         top:120px;
         width:670px;
         height:800px;
         z-index:3;
    #apDiv4 {
         position:absolute;
         left:2px;
         top:910px;
         width:670px;
         height:500px;
         z-index:4;
    #apDiv5 {
         position:absolute;
         left:670px;
         top:120px;
         width:130px;
         height:1300px;
         z-index:5;
    #apDiv6 {
         position:absolute;
         left:804px;
         top:120px;
         width:300px;
         height:1300px;
         z-index:6;
         background-color: #000000;
    -->
    </style>
    <link href="Vivavocefashion.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    .style1 {color: #666666}
    #apDiv7 {
         position:absolute;
         left:2px;
         top:1430px;
         width:1100px;
         height:60px;
         z-index:7;
         background-color: #000000;
    .style10 {font-weight: bold}
    .style12 {font-weight: bold}
    .style14 {font-weight: bold}
    .style16 {font-weight: bold}
    .style2 {font-weight: bold}
    .style4 {font-weight: bold}
    .style6 {font-weight: bold}
    .style8 {font-weight: bold}
    #apDiv8 {
         position:absolute;
         left:4px;
         top:85px;
         width:1100px;
         height:25px;
         z-index:8;
    #apDiv9 {
         position:absolute;
         left:11px;
         top:10px;
         width:174px;
         height:44px;
         z-index:9;
    #apDiv10 {
         position:absolute;
         left:6px;
         top:4px;
         width:172px;
         height:60px;
         z-index:9;
    #apDiv11 {     position:absolute;
         left:-7px;
         top:27px;
         width:1100px;
         height:20px;
         z-index:1;
    </style>
    <script language="JavaScript1.2" type="text/javascript" src="../menu_viva_fashion_site/mm_css_menu.js"></script>
    </head>
    <div id="apDiv1">
      <table width="1099" border="0">
        <tr>
          <td width="327"><a href="../index.html"><img src="../graphics/viva_fashion_logo.gif" width="322" height="78" alt="viva fashion.co.uk logo" longdesc="http://www.vivafashion.co.uk" /></a></td>
          <td width="762"><span class="Headerpink">
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="600" height="65">
        <param name="movie" value="../animations/top_banner_advert.swf" />
        <param name="quality" value="high" />
        <embed src="../animations/top_banner_advert.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="65"> </embed>
      </object>
    </span>
            </td>
        </tr>
      </table>
    </div>
    <body>
    <div id="apDiv7">
      <div align="left"><span class="Bodytextwhite"><a href="advertising.html" class="Bodytextwhite">Advertising</a> | <a href="privacy-policy.html" class="Bodytextwhite">Privacy Policy</a> | <a href="site-map.html" class="Bodytextwhite">Site Map</a> | <a href="subscribe.html" class="Bodytextwhite">Subscription Service &amp; Feedback</a> | <a href="user-agreement.html" class="Bodytextwhite">Useragreement</a></span><span class="Bodytextpink"><span class="Bodytextwhite"> <br />
        Contact us at <a href="mailto:[email protected]">[email protected]</a> <br />
        <a href="http://www.VivaFashion.co.uk" target="_blank">http://www.VivaFashion.co.uk</a> A Fashion Shopping and Retail News Website &copy; 2000-2011. All rights reserved.</span></span>  </div>
    </div>
    <div id="apDiv2">
      <div id="FWTableContainer1630063442">
        <div align="left"><img name="viva_fashion_menu" src="../menu_viva_fashion_site/viva_fashion_menu.jpg" width="1100" height="20" border="0" id="viva_fashion_menu" usemap="#m_viva_fashion_menu" alt="" />
          <map name="m_viva_fashion_menu" id="m_viva_fashion_menu">
            <area shape="rect" coords="1,0,55,20" href="http://www.vivafashion.co.uk/index.html" target="None" alt="" />
            <area shape="rect" coords="766,0,857,25" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_0', 'MMMenu0314125112_0',766,25,'viva_fashion_menu');"  />
            <area shape="rect" coords="640,0,714,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_1', 'MMMenu0314125112_1',640,19,'viva_fashion_menu');"  />
            <area shape="rect" coords="482,0,584,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_2', 'MMMenu0314125112_2',482,19,'viva_fashion_menu');"  />
            <area shape="rect" coords="322,0,425,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_3', 'MMMenu0314125112_3',322,19,'viva_fashion_menu');"  />
            <area shape="rect" coords="193,0,275,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_4', 'MMMenu0314125112_4',193,19,'viva_fashion_menu');"  />
            <area shape="rect" coords="92,0,157,25" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_5', 'MMMenu0314125112_5',92,25,'viva_fashion_menu');"  />
          </map>
        </div>
        <div id="MMMenuContainer0314125112_0">
          <div id="MMMenu0314125112_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="fashion-shopping.html" id="MMMenu0314125112_0_Item_0" class="MMMIFVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Editor's Shopping List </a> <a href="fashion-contacts-discount.html" id="MMMenu0314125112_0_Item_1" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Discount Shopping Links </a> <a href="fashion-contacts-discount-village.html" id="MMMenu0314125112_0_Item_2" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Discount Village Links </a> <a href="shopping-online-index.html" id="MMMenu0314125112_0_Item_3" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Shopping Links </a> <a href="high-index.html" id="MMMenu0314125112_0_Item_4" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Stockists  </a> <a href="fashion-contacts-vintage.html" id="MMMenu0314125112_0_Item_5" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Vintage Links </a>        </div>
          </div>
        </div>
        <div id="MMMenuContainer0314125112_1">
          <div id="MMMenu0314125112_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="book-reviews.html" id="MMMenu0314125112_1_Item_0" class="MMMIFVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Book Reviews </a> <a href="dates-for-your-diary.html" id="MMMenu0314125112_1_Item_1" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Diary Dates </a> <a href="consumer-lifestyle-show.html" id="MMMenu0314125112_1_Item_2" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Fashion Lifestyle Shows </a> <a href="fashion-news.html" id="MMMenu0314125112_1_Item_3" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Fashion News </a> <a href="fashion-news-designers.html" id="MMMenu0314125112_1_Item_4" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> New Designer Launches </a> <a href="fashion-news-websites.html" id="MMMenu0314125112_1_Item_5" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> New Websites </a> <a href="fashion-news-products.html" id="MMMenu0314125112_1_Item_6" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Product Launches </a> <a href="fashion-spotlight.html" id="MMMenu0314125112_1_Item_7" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Spotlight on Luxury Labels </a> <a href="fashion-trends.html" id="MMMenu0314125112_1_Item_8" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Trends </a> <a href="fashion-news-stores.html" id="MMMenu0314125112_1_Item_9" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Store Openings </a> <a href="fashion-street-looks.html" id="MMMenu0314125112_1_Item_10" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Street Style </a>        </div>
          </div>
        </div>
        <div id="MMMenuContainer0314125112_2">
          <div id="MMMenu0314125112_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="advertising.html" id="MMMenu0314125112_2_Item_0" class="MMMIFVStyleMMMenu0314125112_2" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_2');"> Advertising Rates </a> <a href="retail-classifieds.html" id="MMMenu0314125112_2_Item_1" class="MMMIVStyleMMMenu0314125112_2" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_2');"> Retail Classifieds </a> <a href="retail-jobs.html" id="MMMenu0314125112_2_Item_2" class="MMMIVStyleMMMenu0314125112_2" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_2');"> Retail Jobs </a>        </div>
          </div>
        </div>
        <div id="MMMenuContainer0314125112_3">
          <div id="MMMenu0314125112_3" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="celebrity-oscars.html" id="MMMenu0314125112_3_Item_0" class="MMMIFVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Awards Show Fashion </a> <a href="beauty-celebrity.html" id="MMMenu0314125112_3_Item_1" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity Beauty </a> <a href="celebrity-news-gossip.html" id="MMMenu0314125112_3_Item_2" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity News </a> <a href="celebrity-parties.html" id="MMMenu0314125112_3_Item_3" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity Parties </a> <a href="celebrity-focus.html" id="MMMenu0314125112_3_Item_4" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity Profile </a> <a href="model-profile.html" id="MMMenu0314125112_3_Item_5" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Model Profile </a>        </div>
          </div>
        </div>
        <div id="MMMenuContainer0314125112_4">
          <div id="MMMenu0314125112_4" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="graduate-fashion-week.html" id="MMMenu0314125112_4_Item_0" class="MMMIFVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Emerging Talent </a> <a href="retail-trends.html" id="MMMenu0314125112_4_Item_1" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Fashion Week Reports </a> <a href="retail-exhibitions.html" id="MMMenu0314125112_4_Item_2" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Important Dates </a> <a href="model-index.html" id="MMMenu0314125112_4_Item_3" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Model Agency Index </a> <a href="photographers-index.html" id="MMMenu0314125112_4_Item_4" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Photographers  Index </a> <a href="retail-appointments.html" id="MMMenu0314125112_4_Item_5" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Appointments </a> <a href="retail-feature.html" id="MMMenu0314125112_4_Item_6" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Features </a> <a href="retail-news.html" id="MMMenu0314125112_4_Item_7" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail News </a> <a href="retail-shares.html" id="MMMenu0314125112_4_Item_8" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Share Prices </a> <a href="retail-wholesalers.html" id="MMMenu0314125112_4_Item_9" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Wholesalers Index </a> <a href="retail-trade-show.html" id="MMMenu0314125112_4_Item_10" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Trade Show Reviews </a>        </div>
          </div>
        </div>
        <div id="MMMenuContainer0314125112_5">
          <div id="MMMenu0314125112_5" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="beauty-bargains.html" id="MMMenu0314125112_5_Item_0" class="MMMIFVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Budget Buys </a> <a href="beauty-news.html" id="MMMenu0314125112_5_Item_1" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Beauty News </a> <a href="book-reviews.html" id="MMMenu0314125112_5_Item_2" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Book Reviews </a> <a href="beauty-feature.html" id="MMMenu0314125112_5_Item_3" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Beauty Features </a> <a href="health-beauty-features.html" id="MMMenu0314125112_5_Item_4" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Health Features </a> <a href="beauty-trends.html" id="MMMenu0314125112_5_Item_5" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> New Season Looks </a> <a href="beauty-contacts.html" id="MMMenu0314125112_5_Item_6" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Stockists / Book an Appointment </a>        </div>
          </div>
        </div>
      </div>
    </div>
    <div align="left"><!-- InstanceBeginEditable name="mainbodycontent" -->
    <div id="apDiv3" style="overflow: auto; height: 1300px; width: 670px;background-color: #FFF;">
      <p><span class="Bodytext"><span class="Header"><b>HOW CAN WE HELP YOU?</b></span><br />
        Consumers can't wait to get there hands on the latest must-have item or information on what the new season has to offer. Team information like that with business and celebrity gossip and what do you get? A heady mix that accommodates the tastes of a sizable share of the fashion and beauty market. </span></p>
      <p class="Bodytext">With technology advancing at a galloping pace that has ensured Internet users exposure to information and convenience shopping facilities in an instant, more and more companies are realising the importance of getting their brand noticed through this medium than waiting on the production cycles of others.</p>
      <p><span class="Bodytext">Time waits for no man. Neither does fashion. See below for advertising rates or contact us directly for collaborative advertising campaigns. </span></p>
      <p><b class="Header">WHAT'S AVAILABLE/ADVERT SPECIFICATION</b></p>
      <table width="500" border="1" align="center">
        <tr>
          <td width="250" bgcolor="#CCCCCC" class="Header"><div align="center"><strong>Banners</strong></div></td>
          <td width="250" align="left" valign="top" bgcolor="#CCCCCC"><div align="center" class="Header"><strong>Tiles</strong></div></td>
        </tr>
        <tr>
          <td width="250"><b><span class="Blackttext12">(Top Only) Dimensions:</span></b><span class="Blackttext12"> 468 x 60 pixels</span></td>
          <td width="250" align="left" valign="top"><span class="Blackttext12"><b>Dimensions:</b> 120 x 90 pixels</span></td>
        </tr>
        <tr>
          <td width="250"><span class="Blackttext12"><b>Formats:</b> gif, gif89, jpeg, Flash, HTML</span></td>
          <td width="250" align="left" valign="top"><span class="Blackttext12"><b>Formats:</b> gif or jpg (non-animated, roll-over)</span></td>
        </tr>
        <tr>
          <td width="250" valign="top"><p align="left"><span class="Blackttext12"><b>File size:</b> 20K max</span><br />
          </p></td>
          <td width="250" align="left" valign="top"><div align="left"><span class="Blackttext12"><b>File size:</b> 5K max</span><br />
          </div></td>
        </tr>
        <tr>
          <td width="250" bgcolor="#CCCCCC" class="Header"><div align="center"><strong>side bar adverts &amp; box adverts </strong></div></td>
          <td width="250" align="left" bgcolor="#CCCCCC"><div align="center" class="Header"><strong>pop-ups</strong></div></td>
        </tr>
        <tr>
          <td width="250"><b><span class="Blackttext12">Dimensions:</span></b><span class="Blackttext12"> 120 x 310 pixels or </span></td>
          <td width="250" align="left"><span class="Blackttext12"><b>Dimensions:</b> 250 x 250 pixels</span></td>
        </tr>
        <tr>
          <td width="250"><span class="Blackttext12"><b>Dimensions:</b> 120 x 240 pixels or</span></td>
          <td width="250" align="left"><span class="Blackttext12"><b>Formats:</b> Javascript displayed on a HTML page for five seconds before closing</span></td>
        </tr>
        <tr>
          <td width="250"><span class="Blackttext12"><b>Dimensions:</b> 125 x 125 pixels</span></td>
          <td width="250" align="left"><span class="Blackttext12"><b>File size:</b> 20K Max</span></td>
        </tr>
        <tr>
          <td width="250"><span class="Blackttext12"><b>Formats:</b> gif, gif89, jpeg, Flash, HTML</span></td>
          <td width="250" align="left"> </td>
        </tr>
        <tr>
          <td width="250"><p align="left"><span class="Blackttext12"><b>File size:</b> 20K max</span></p></td>
          <td width="250" align="left"><p align="left"><span class="Blackttext12"><br />
            <br />
          </span></p></td>
        </tr>
      </table>
      <br />
      <p><b class="Header">LEAD TIMES</b><br />
        <br />
        <span class="Bodytext">Production deadlines do not include time needed for revisions made either by agency or the advertisers in-house design department. Publication of adverts depends solely on the type of advertisement or campaign the advertiser runs with us and the time at which the advertisement is received. Advertisements received after the production deadline is not guaranteed for inclusion.</span><br />
      </p>
      <table width="500" border="1" align="center">
        <tr>
          <td width="250" align="left" bgcolor="#CCCCCC"><div align="left"><b class="Blackttext12">ADVERTISEMENT FORMAT</b></div></td>
          <td width="250" bgcolor="#CCCCCC"><b class="Blackttext12">PRODUCTION DEADLINE</b></td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">E-Mail Text Links (copy and url t.b.supplied)</div></td>
          <td width="250" class="Blackttext12">-</td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">Gif/Animated Gif</div></td>
          <td width="250" class="Blackttext12">4 Business Days</td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">HTML</div></td>
          <td width="250" class="Blackttext12">4 Business Days</td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">Javascript</div></td>
          <td width="250" class="Blackttext12">-</td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">Keyword Campaigns</div></td>
          <td width="250" class="Blackttext12">-</td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">Sidebar</div></td>
          <td width="250" class="Blackttext12">4 Business Days</td>
        </tr>
      </table>
      <br />
      <p><b><span class="Header">PRICING</span></b></p>
      <table width="500" border="1" align="center">
        <tr bgcolor="#CCCCCC">
          <td class="Blackttext12"><b>Cost per quarterly period</b></td>
          <td class="Blackttext12"><div align="center"><b>4 weeks</b></div></td>
          <td class="Blackttext12"><div align="center"><b>12 weeks</b></div></td>
          <td class="Blackttext12"><div align="center"><b>26 weeks</b></div></td>
          <td class="Blackttext12"><div align="center"><b>52 weeks</b></div></td>
        </tr>
        <tr>
          <td colspan="5" class="Blackttext12"><div align="left"><b>Tile Adverts - For 24hour Advertising Presence</b></div></td>
        </tr>
        <tr>
          <td class="Blackttext12">Pounds Sterling</td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
        </tr>
        <tr>
          <td colspan="5" class="Blackttext12"><div align="left"><b>Banner and Side Bar Adverts (Discount another &pound;200 for Side Bar/Box Adverts)</b></div></td>
        </tr>
        <tr>
          <td class="Blackttext12">Pounds Sterling</td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
        </tr>
        <tr>
          <td colspan="5" class="Blackttext12"><div align="left"><b>Pop-Up Box</b></div></td>
        </tr>
        <tr>
          <td class="Blackttext12">Pound Sterling</td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
        </tr>
      </table>
      <p><span class="Blackttext12">For Euros and dollars please use the following link to convert:</span> <span class="Bodytext"><a href="http://www.xe.com">http://www.xe.com</a>.</span></p>
      <p><span class="Header"><b>GENERAL REQUIREMENTS</b></span></p>
      <ul>
        <li>
          <p class="Bodytext">Images<br />
            All images must have alternate (descriptive and concise) text to be used in the absence of images.<br />
            <br />
          </p>
        </li>
        <li>
          <p class="Bodytext">Optimisation Guidelines<br />
            Images must be optimised to the lowest-possible bit depth.<br />
            <br />
          </p>
        </li>
        <li class="Bodytext">
          <p>It is recommended that fewer colours are used for advertisements. Visit browser safe colour palette sites for more guidelines.<br />
          </p>
        </li>
      </ul>
      <p><span class="Header"><strong>Testing</strong><span class="Bodytext"><br />
        <br />
        VIVAFASHION.CO.UK </span></span><span class="Bodytext">will not be held responsible for the testing of advertisements. All advertisements, must be tested prior to delivery for compatibility on the following browsers and platforms:<br />
          -Netscape 3.x and 4x for Windows 3.1 and Macintosh OS 8x<br />
          -Microsoft Internet Explorer for Windows 3.1 and Macintosh OS 8x<br />
          - AOL 3.x for Windows 3.1 and Macintosh OS 8x</span></p>
      <p><br />
        <b class="Header">GENERAL INFORMATION</b></p>
      <ul>
        <li>
          <p class="Bodytext">Approval<br />
            VIVAFASHION.CO.UK has final approval for all ads with respect to editorial/creative content. We reserve the right to remove an advertisement from this website at any time for any reason.<br />
            <br />
          </p>
        </li>
        <li class="Bodytext">
          <p>Specifications <br />
            All specifications apply to all ads, whether hosted by VIVAFASHION.CO.UK or by a third party. <br />
            Please note that all rates and conditions are quoted in pounds sterling and are subject to change without notice.VIVAFASHION.CO.UK reserve the right to refuse or cancel any order without cause, at any time. </p>
        </li>
      </ul>
      <p class="Bodytext">For more information with regards to rates, special advertising packages/campaigns and specifications please contact us at:<a href="mailto:[email protected]" class="Bodytext"> <br />
      Sales at Viva  Fashion.co.uk</a>. </p>
    </div>
    <!-- InstanceEndEditable -->
    </div>
    <div id="apDiv5"></div>
    <div id="apDiv6">
      <p align="left"><font face="Arial, Helvetica, sans-serif"><br />
      </font></p>
      <p align="left"> </p>
      <p align="left"> </p>
      <p align="left"> </p>
      <p align="left"> </p>
      <p align="left"> </p>
      <p align="left"> </p>
      <p align="left"> </p>
    </div>
    </body>
    <!-- InstanceEnd --></html
    THE CODE THAT DOES WORK:
    Editor's Shopping List Discount Shopping Links Discount Village Links Shopping Links Stockists  Vintage Links
    Book Reviews Diary Dates Fashion Lifestyle Shows Fashion News New Designer Launches New Websites Product Launches Spotlight on Luxury Labels Trends Store Openings Street Style
    Advertising Rates Retail Classifieds Retail Jobs
    Awards Show Fashion Celebrity Beauty Celebrity News Celebrity Parties Celebrity Profile Model Profile
    Emerging Talent Fashion Week Reports Important Dates Model Agency Index Photographers  Index Retail Appointments Retail Features Retail News Retail Share Prices Retail Wholesalers Index Trade Show Reviews
    Budget Buys Beauty News Book Reviews Beauty Features Health Features New Season Looks Stockists / Book an Appointment
    Stores Opening
               Look What's Just Popped UP!
             From New York to London, the month of September will see a series of Pop-Up stores opening to celebrate achievements past to present or to herald the launch of a new fashion collection . . . /
                             Must do
             GARETH PUGH, M·A·C & MILK team up for ny fashion week film
             Gareth Pugh has collaborated with cosmetic giant M·A·C to present his new film — directed by Ruth Hogben — at Milk, (located in the Meatpacking District of New York), this Sunday the 13th of September . . /
                     Product launch
             Treat your neck
             In recent years, scarves have come into their own fashion spotlight, with many fashion houses taking inspiration from Hermès to produce signature scarves that have become must have items each season. And, the luxury fashion houses are not alone . . . /         
    WEBSITE launch
               The Glam Show's High Street is just a click away
           The Glam Show in association with Nicky Hambleton-Jones has come up with a practical way to help you prepare for your visit to The Glam Show (this October) . . .
               Guess which celebrity was spotted wearing Vidler & Nixon . . .     
           Watch Martin Solveig’s latest hit single Boys & Girls for fashion designer Jean Paul Gaultier featuring Martina, the electro-pop singer from Dragonette here. visit: MaDame for the free download
    BRC concludes that RECOVERY HOPES PREMATURe
               The latest UK Retail sales figures have shed considerable light on the true state of consumer spending, reveals the British Retail Consortium and KPMG . . . /         
    Cheap and fashionable products continue to deliver profits at ABF's primark
                 Despite having to tighten purse strings, consumers wishing to update their wardrobe with cheap fashion fixes, are heading to Primark . . . /
    Quiksilver adapts to challenging times
                 Quiksilver, Inc. [NYSE: ZQK] announced a decrease in consolidated Net revenues from $564.9 million to $501.4 million for the third quarter of fiscal 2009 . . . /
    Paul Marchant made Chief Exec at Primark/Penneys
                 The insightful members of management at Associated British Foods plc [LSE: ABF], are to implement some senior personnel changes to ensure the company's current success, continues well into the future . . . /
    Share prices
               Find out how retailers share prices are performing on the London Stock Exchange . . . /
    Forthcoming Fashion Weeks & trade shows dates
           Synchronise your diaries with Viva Voce Fashion.com's list of trade shows, exhibitions and fashion weeks . . . /
                          Paul Marchant made
               Chief Exec at Primark/Penneys
           The insightful members of management at Associated British Foods plc [LSE: ABF], are to implement some senior personnel changes to ensure the company's current success, continues well into the future . . . /
    26 - 29 November 2009 —
                       Made In Clerkenwell
         31 October - 1 November 2009 —
         The Glam Show       30 September 2009 —
               1980s Fashion Revisited       24 - 27 September 2009 —
                 TENT LONDON
               22 - 27 September 2009 —
               My Chinese Zodiac and Other Animals
               By Sylvie Fuller — Lillibule Ceramics
               19 - 29 September 2009 —
             The London Design Festival        17 SEPTEMBER – 22 DECEMBER 2009 —
               SHOWstudio: FASHION REVOLUTION AT SOMERSET HOUSE       3 - 20 September 2009 —
           Sylvia Ji's Nectar
             SLEEP YOUR WAY TO BEAUTY
             That's more like it. An effortless way to improve one's looks without too much effort.
               Savvy sleeping beauties have enlightened us with a natural remedy that is fast becoming Britain’s best kept secret — sleeping on silk . /                         FANTASTIC NEW OFFERS
                   IS THE RECESSION CAUSING A CRUNCH ON YOUR BEAUTY CREDIT?
               If the answer is yes, then luxury hair and beauty website Want The Look.com is well worth visiting . . . /                              skincare . . .
                 Forever YOung?
                 Log into our WebTV Show for revolutionary advice on anti-ageing without creams or cosmetic surgery
                 Show date: Tuesday 8th September '09
               Show time: 3:00pm – 3:15pm        
    Celebrity Smack       Lust for Life        Painfully Hip        Socialite Life               Style Bubble       The Daily Mash      Tout Nouveau       

  • Using text links to open accordion panel

    How do I use text links (from the page's main menu) to
    programatically open a particular panel.
    here is the page:
    http://debrankin.com/tee/SITEDESIGN/
    for example: I want to click on "Resumes and Cover Letters"
    in the left hand menu to open the first accordion panel (by the
    same name). I have this set this page so that all panels are closed
    initially.
    i know i'm missing something because this obviously does not
    work: i've looked for documentation and this issue is inadequately
    addressed!

    twinflame wrote:
    > i know i'm missing something because this obviously does
    not work: i've looked
    > for documentation and this issue is inadequately
    addressed!
    Not really. The problem is that you have attempted to create
    a
    JavaScript object called accordion1 before the accordion HTML
    is even
    loaded into the browser. Moreover, the script that
    initializes the
    accordion is already in your HTML where it should be (after
    the
    accordion), but it uses Accordion1, not accordion1
    (JavaScript is
    case-sensitive.
    Remove this after your menu.
    > <script type="text/javascript">
    > var accordion1 = new
    Spry.Widget.Accordion("Accordion1");
    > </script>
    Change the links in the menu to Accordion1.openPanel(0),
    etc., and it
    should work.
    David Powers
    Adobe Community Expert, Dreamweaver
    http://foundationphp.com

  • How do I  create more than one CSS style for text links?

    Hello,
    Just like the title says, I need help with creating more than one CSS text link style in Dreamweaver CS4. For instance, I want the navigation on the website I'm building to have a different text link style than a link in some part of the body copy. I've been playing with Dreamweaver for a while and can't find any way to do this. If it's even possible to do this, I would really appreciate any help.

    Yes it is possible but as you have failed to provide a valid link to your site, I will tell you in general Terms:
    1) First create a class or an ID to to your Nav bar;
    2) Now style your navbar in such a way that these styles will only apply to your nav bar.  To do this, you start your style by doing something like this:
    ul#vavigation {.........}
    ul#navigation a {.........}
    ul#navigation a:hover {.........}
    ul#navigation li {.........}
    your html code might look like this:
    <ul id="navigation">
         <li><a href="#">Home</a></li>
         etc etc .........................
    </ul>
    hth

  • How to change text + links in footer of existing template

    Hello,
    I need to change the text and links on the template footer that goes to all TABs. (Home, Articles, About Bluemont, BCA, Contact Us).The file is named NavigationBlank.dwt."
    This footerwas created to link visitors to our "join or contribute" page on another site. Now I want to stop using that external site and build the capacity to take memberships within the BluemontVA.org site itself. However the template footer can't be changed so easily as text on a page.
    I am webmaster for a local nonprofit (web address =  www.BluemontVA.org), but work on a website I inherited. It is a wonderful design, but I don't fully understand it. I have not worked with templates before.
    I have read O'Reilly on "Adding a basic editable region"  in a template, but need further help.
    A couple questions worry me:
    How much damage may I have done already by trying? For example, I do seem to have removed the old text/links and added a new text message on the NavigationBlank.dwt page -- but these changes do not show up on the other TAB pages.
    Also, when I place the cursor n the design side  it no longer tracks to the corresponding spot on the code view. (the cursor shows up in code view way above where it is supposed to be by the text). This is true for the home page and also for several pages I took a look at.
    Can I follow instructions to change the template from any of the pages on which it appears? Or do I have to be at NavigationBlank.dwt?
    Thanks for any help or advice you can provide.

    I'm confused.
    Working With Dreamweaver Templates (.dwt files).
    PART 1
        1. Create a page with all the sitewide elements (common header, footer, sidebar,  CSS styles, etc..) that you will need for your project.   This requires some careful pre-planning even for small web sites.
       2. Validate your code & test this prototype page in all major browsers. 
       3. When you're completely satisfied with the page layout, SaveAs Template.   DW will save this as a .dwt file in a site folder called Templates.
       4. DW will ask you to add Editable Regions for stuff that will change from page to page.   Do this and SAVE.
       5. Close your Template.dwt file.
    PART 2
       1. File > New Page > from Template.  Select the template you wish to use.  Hit OK.
       2. This is a child page.  An exact duplicate of your Template however you can only edit content within editable regions.  Everything else is locked.
       3. SaveAs index.html (your home page) or some-other-filename.html.
    PART 3
       Repeat PART 2 for each additional site page required.
    PART 4
        1. Open your main TEMPLATE file and add a navigation menu with links to your site pages.  Do not put this into an Editable Region!  If you do it won't show up on child pages.
       2. SAVE.
       3. DW will ask if you want to populate changes to child pages.  Hit yes.
       4. Publish all site pages to your server.
    PART 5
       If you should ever need to edit your TEMPLATE .dwt file, Repeat PART 4.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Can You Make Text Links Different Colours in DW Cs5?

    Hi everyone, in DW Cs5 how do you make text links on the same page different colours, I have some text links across the top of the page, these go with a certain colour scheme but some more on the page it's self these need to be a different colour.
    I have done this before by accident but unfortunately I have no longer got that file. Information for text in either html or css would be very helpful.
    Many thanks
    Gareth

    Change this:
    <style type="text/css">
    .def13grey4 {
         font-size: 14px;
         font-weight: bold;
         color: #333;
    .def14grey4 a {
         color: #333;
    </style>
    to this:
    <style type="text/css">
    .def14grey4 a:link{font-weight: bold; color: #333;}
    .def14grey4 a:visited{color: #999;}
    .def14grey4 a:hover,
    .def14grey4 a:active,
    .def14grey4 a:focus{color:#4488C3;} /**adjust colors to suit**/
    </style>
    Change this in the HTML:
    <td height="354" colspan="3" valign="top" bgcolor="#CCCCCC" class="def13grey4">
    <p>Black Shirts #002</p>
    </td>
    To this:
    <td height="354" colspan="3" valign="top" bgcolor="#CCCCCC">
    <p><a class="def14grey4 href="some-link.html">Black Shirts #002</a></p>
    </td>
    HTML & CSS Tutorials - http://w3schools.com/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • How to remove the "text link" of an action link

    Hi everyone,
    after searching the forum and web with no luck, I need help on this topic. I'm working with many reports which link to others dashboards. These dashboards were created in OBIEE 10 and migrated to 11.1.1.3.
    What we wanted to do (and achieved in 10g) was to be able to click on some data (on a value of a graph, a value/column header in a table) and navigate to another dashboard. OBIEE 11g does this from the Criteria tab --> Column properties --> Interaction and selecting Action Links.
    In 11g, when doing this Action Links and clicking on a value, appears a "text link" ( screenshot : [https://picasaweb.google.com/102130000310148493868/Screenshots#5646178057282726354] ), so the user would need to do 2 clicks (one on the value and other in the text link).
    Is there any way to remove this Text Link? It can be a bit annoying if there is always one option, and needless.
    Thank you

    Hi Elena!
    In teh Interaction Tab (in the Column Properties window), once you create the action,you will right there a check box that says: "Do not display in a popup if only one action link is available at runtime". Clik on the check box, and you are ready to go!
    Please assign points if helful.
    J.-

  • Please Help.JTable insert styled text

    Hi all java guru,
    on post http://forum.java.sun.com/thread.jsp?forum=57&thread=485469 i've depicted my scenario in which i have a JTable where i want to add styled text.
    i've implemented a CustomTableModel that maintains information about text style, in such way that when renderer cell, i can rebuild exact text with its style....same method is adopted for CellEditor.
    It is possible to have more than one JTable in my application....then to correctly handle all JTables ' put them in a vector and during editing and rendering i find current focusable/selected JTable and edit/render it.
    Clearly i maintain information about style of text when i insert it, that is when i insert text, i update my CustomTableModel...same thing must be done when i delete text from JTable...that is, i must update CustomTableModel too in this case.
    Because my CellEditor is a JEditorPane component (extend it) i've registered document associated to it to a DocumentListener that notify every time that a remove operation is happens.
    What is the problem now???problem is that when i finish to edit a cell and click on another cell i've got a removeUpdate(DocumenEvent e) event, and i can't distinguish it.....it seems a real remove event....
    In this case(when i change cell) the code that is executes returns wrong result and invalidate all the rest.
    I think error is where i register celleditor , now i do it in CustomCellRenderer class that extend JEditorPane and implements TableCellRenderer.
    Please help me...this is a great trouble that invalidate all my work :(
    Any new idea is welcome.
    regards,
    anti-shock

    Hi stanislav, of course i can...you're a myth :)
    public class CustomCellEditor extends AbstractCellEditor implements TableCellEditor {
           CellEditor cellArea;
         JTable table;
         public CustomCellEditor(JTable ta) {
              super();
              table = ta;
              // this component relies on having this renderer for the String class
              MultiLineCellRenderer renderer = new MultiLineCellRenderer();
              table.setDefaultRenderer(String.class,renderer);
         public Object getCellEditorValue() {
              return cellArea.getText();
         public Component getTableCellEditorComponent(JTable table, Object value, boolean isSelected,     int row, int column) {
              int start = 0;
              int end = 0;
                                               // Get current selected table
              TableEditor tb = (TableEditor) TableEditor.getSelectedTable();
              TableModel model = (TableModel) tb.getModel();
              Vector fontInfo = model.getFontFor(row,column);
              CellEditor cellArea = (CellEditor) ((CustomCellEditor)tb.getCellEditor (row,column)).getCellEditor();
              Document doc = cellArea.getDocument();
              String content = tb.getValueAt(row,column).toString();     
              if (doc!=null && fontInfo.size()>0 && !content.equals("")) {
                                                     // This method reads from model and get right style info
                                                     // for current text, and restore them
                                                     restoreFontWithAttributes(doc,fontInfo,content);
              else
                   cellArea.setText(tb.getValueAt(row,column).toString());
              cellArea.rowEditing = row;
              cellArea.columnEditing = column;
              cellArea.lastPreferredHeight = cellArea.getPreferredSize().height;
              return cellArea;
          * @return
         public CellEditor getCellEditor() {
              return cellArea;
         public class CellEditor extends JEditorPane {
              private CellStyledEditorKit k;
              public CellEditor() {
                    super("text/plain","");
                    k = new CellStyledEditorKit();
                    setEditorKit(k);
                    // I tried to add document here, but i have had wrong behavior
                   doc = new DocumentListener() {
                   public void removeUpdate(DocumentEvent e) {
                      // Get current selected table
                      TableEditor tb = (TableEditor) TableEditor.getSelectedTable();
                      TableModel model = (TableModel) tb.getModel();
                      model.updateFontInfo();
                   getDocument().addDocumentListener(doc);
    }Ok, stan...this is my CustomCellRenderer class....as i have already said, i have some style text info mainteined by CustomTableModel associated with JTable.
    I update CustomTableModel every time that an insert and remove operation happens.
    If i add a DocumentListener to CellEditor (that rapresents editor cell of my table) happens that, if i remove some character from an editing cell, i got a removeUpdate event.....and this is right!!! But if i change cell (e.g. supposing editing cell(1,1), click on cell(2,1) then stop edit cell(1,1) and start edit cell(2,1)) i got a removeUpdate event, that I don't wait for to me..
    Look at this:
    empty cell | some text
    cell 0 ------- cell1
    supposing you're in cell1 and you have finished to insert "some text".Then click on cell0, that is empty....then document associated with CellArea(extend JEditorPane) before of the click on cell0 had some text, but after click have no text, then for it a removeUpdate is happens.....and is that one i got..
    it's as if an unique document is associated to all cells, while should be one document for each cell (i hope this is right).
    Clearly, i've same code for renderer, in such way that i can restore style of text on rendering.
    Hope is clear....if U have any idea or suggestion please give to me.
    Tnx a lot Stanislav..
    regards,
    anti-shock

  • Text Link Styles not working in Footer Section

    I have a master page with a footer that has three columns of navigation text links inside.
    In order to match my design I have created a customer text link style for these links.
    However when I preview my site (in muse and browsers) the roll over effect (should show an underline) doesn't work.
    I've searched the forums and found that someone else had a similar problem and it was down to them having a paragraph and character style stacked on top of one another. However I have checked this on my links and this is not the case.
    NOTE: I have already successfully managed to create a similar style that resides in a side bar navigation panel in some of the sites internal pages and these link styles are working fine.
    So, I'm not sure if the file has become corrupt or if I'm missing something that I've done wrong?
    One question I have is at which point to you apply the text link style?
    1. By clicking on the line of text to select it?
        OR
    2. By clicking further into the text box; as if you were editing it, then selecting all of the characters in the word you want to make a link. With the word selected, click on the style name in the Character Panel to apply it?
        OR
    3. as with the above example, once you have selected all of the characters in the word you want to make a link. Click on the Hyperlink drop down arrow (from the main toolbar) and choose the style name you wish to apply, from the drop down box 'Text Link Style'
    NOTE:
    I'm running version v2.3, Build 50, CL 771675
    AIR Runtime: 3.5.0.600
    UPDATE:
    I couldn't wait any longer, so I just deleted the text boxes and styles and re-created them both and they seem to work now. Lot of additional work though that I'd rather have not had to do.

    Sorry, I forgot to say, to see how the email link at the
    bottom of the page should look please see www.bethhockley.com
    Thanks,
    Beth

  • Footer & Text Link Issue

    Http://Infinite8imaging.com
    On some pages the green footer bar i created is being forced off the page (pushed down), I am not sure why. it doesnt look like his in preview mode or when i "preview page in browser", only ater i export to html and upload. Please see link below for examples
    http://www.infinite8imaging.com/photos.html
    Edit: Seems to only happen in internet Explorer, why? can i fix this?
    Also, all text links are leading to same place, I double checked the Muse file and all links are aiming correctly to different pages. just when its exported, they all lead to my business card page? See links below for examples:
    http://infinite8imaging.com/cards.html
    http://www.infinite8imaging.com/covers.html
    http://www.infinite8imaging.com/banners.html
    Is anyone else having these issues?..its times like this where i wish muse allowed an open html edit mode.
    I also get this glitch sometimes, i was actually moving the bottom of the page down more to see if it would correct the footer problem on this page, and it seems to have.. but now the page itself is cut off.
    http://infinite8imaging.com/retouching.html
    Thanks in advance.

    You have some problems with your code and they are showing up in Internet Exploiter and Firefox because they are less tolerant of those errors.
    Your code suggests you need to understand that an ID happens once on a page. You can re-use a Class.
    IDs are set up in your CSS with a hash:
    #header { }
    Classes are set up in your CSS with a dot:
    .left_content { }
    Use the W3C Validator to check your work, fix the problems and you may find that everything looks just fine in Firefox nad Internet Exploder.

  • How to make text links on one layer appear differently than on another layer?

    I have text links in some layers that I want to appear as white bold font and text links in other layers that I want to appear as black or blue unbold. I think this might be with CSS but I can't figure it out.

    It doesn't go in there at all. Style rules should go in a style block in the head of the page like this:
    <style type="text/css">
    #Layer5 a {
      color: #FFF;
      font-weight: bold;
    </style>
    Even better, though, is to put all your style rules in an external style sheet, because this automatically applies the rules to every page in your site that the style sheet is attached to.
    To learn more about CSS, visit the Adobe Developer Center at http://www.adobe.com/devnet/dreamweaver/css.html.

  • Hover over text link - background fill shows up

    Hi, I'd like to define a link style that when someone hovers over a text link on my page, the background of the text shows a fill in a certain color. how can I do that?
    here's alink example, imagine the mouse hovering over the grey bgrd link:
    Thanks!

    The states can be defined for text frame itself :
    If this is not what you are looking for , please provide an example a site or a page url.
    Thanks,
    Sanjit

  • Changing the Name of Text Links to a File

    I happily discovered that iWeb will create download links to files such as text, spreadsheet, word processing, PDF, and the like, if you zip them. However, when I create a text link to a file, the linked text takes on the name of the file, such as YourDownload.zip, rather than keeping the description I entered when creating the link. So links to files don't work the same way that links to URLs or other web pages within a site do, in that the link path (the URL) is separate from the name or description of the link. Is there a way around this apart from using graphics objects for the links?
    Any advice would be most appreciated.

    Once the text link is created you can go back, select the text and change the name to anything you want. It doesn't have to the the name of the zipped file. An annoyance but easily overcome.
    OT

  • Can I add a text link to another place in a Pages v5 file?

    Simple question:
    Can I add a text link to another place in a Pages v5 file?
    My client would like to include a visible, inline Table of Contents in his ePub. Apple Pages v5 deletes the visible Table of Contents. Can I manually create a Table of Contents with clickable links to the appropriate chapters?

    Pages 5's greatest claim to fame is its general inability to do anything much, aka "simplification".
    So the answer is No! and because this is also Apple, You don't want to do that!
    Luckily however, should you still have Pages '09 in your Applications/iWork folder, you can use that instead.
    Peter

Maybe you are looking for

  • Can no longer see messages in public folders in Outlook (2010) conversation view

    (originally posted this under MS Community outlook discussion and it was suggested I post it here): Hello: I believe this may be related to a recent update, but previously I could see messages from public folders in my conversation view.  Now, I am o

  • I cannot copy and paste a word document to the internet. Message " cut/copy/ paste not available on Mozilla and Firfox.

    I on a website trying to copy and paste a resume and I get the above message. %APPDATA%\Mozilla\Firefox\Profiles. This I put in my program folder. Per your instructions in your security preferences web page.

  • Deleting backed up files

    I left some stuff on my desktop that was accidentally backed up on my latest time machine backup. This was about 30 GBs of stuff I didn't want backed up now wasting space on my external. Anyway I can go in and just delete those files? How about any o

  • Not able to draw a layer

    I'm new to DW 8.2 and I'm studying from a couple of books. I have an issue that I can't seem to resolve even after extensive research. I'm using a Mac running Tiger. When I try to draw a layer on either a new doc or one that already has some content,

  • Skypetastic...

    Hi,I recently posted regarding being unable to connect in iChat with a Mac friend in Jersey. We could text, and his presence was there, but no audio or video - (basic error messages, insufficient bandwidth, user failed to respond, I failed to respond